CSSCSSで3Dにチャレンジする「ぷるぷる!飛び出す?!CSSでテキストを3Dっぽくしみた!」ではいくつか反響を頂きました。同時上映が決まりましたのでお知らせします。何枚も重ねたら面白そうだなぁ。2013年2月6日それでは・・・まずは、何枚も重ねたような絵の素材が必要です。「街並みのシルエットを何層にも重ねて」など色々と考えていましたが、なかなかしっくり来ません。ORAEMONなかなか良いできです。「box-shadow」「border-radius」など駆使して描きました。(※CSS3に対応した最新のブラウザでご覧ください。(なんとなく立体的に見えませんかね?(汗))パーツを4層に分けて、左右の移動距離を奥から2px、4px、6px、8pxと変える事で実現しています。原理はこちらの記事「ぷるぷる!飛び出す?!CSSでテキストを3Dっぽくしみた!」をご確認ください。以下のfacebookコメントやシェアから感想やご意見、ご指摘などいただけると嬉しいです。ORAMIさらに、以下のようなリクエストをいただいたので同時上映を追加しました。htmlはそのままで、CSSのみ変更しました。「jsdo.it」では、「フォーク」といって投稿されたコードをもとに、自分なりのアレンジを加えて新しい作品をつくることができます。ドラ○もんやドラ○ミをアレンジしてみてください!※兄妹の共演はこちらをご覧ください。2013年2月6日IE対応について連続してCSS(CSS3)を使った記事を投稿していますが、その中でいくつかIE対応についてのご指摘をいただきました。IE独自のfilterなどを利用すれば、ご紹介したもののいくつかはIEに対応可能です。_)m今後もSQUEEZEでは、みなさまのアイデア、デザインの源泉となるような記事をお届したいと思っておりますので、技術的な部分は深く言及しません。技術的な部分は、より詳しいサイトが多数ありますので、そちらを参考に当サイトのアイデアにアレンジを加えていただけると嬉しいです。参考記事】CSS3を使うにあたって知っておきたいIE対策のまとめ|WebparkIEでCSS3の効果を出せる。KOJIKA17ツイートWeb関連ニュース&ブログ更新情報をチェックするTwitterやFacebookではブログの更新情報とあわせて、Webやデザイン関連のニュースをお届けしています。Plusの大きさは、ほぼ1万円札と同じということで試してみた。