[CSS]メール用のちょっとかわいいアニメーションを実装するスタイルシートのデモ
ホバーで封筒を開き、便箋を出し入れし、また封筒を閉じるアニメーションをスタイルシートで実装するデモを紹介します。 画像もスクリプトも一切無しです。 Animated letter ※デモはChrome, Safariがベストです。 封筒や手紙のイラストに画像は一切使用されてなく、封筒は変形やボックスシャドウ、便箋は疑似要素などで描かれています。 他にもいろいろとアレンジが出来そうですね。 HTML <div id="wrapper"> <div class="anvelopebg"></div> <div class="anvelope"></div> <div class="opener"></div> <div class="letter"></div> </div> CSS *{ margin: 0; padding: 0; } body{ background-color: #1a
効果音が今にも聞こえてきそうな軽快で気持ちいいアニメーションのデモ
テキストの上をボールがはずんで、次々にカラーを変えたり、一つずつ表示するアニメーションのデモを紹介します。
【衝撃動画】ヱヴァンゲリヲンの「碇ゲンドウが満面の笑みでインタビューに答える動画」をご覧ください | ロケットニュース24
人気アニメーション映画『ヱヴァンゲリヲン新劇場版』シリーズの登場キャラクター・碇ゲンドウが、満面の笑みでインタビューに答える動画が、インターネット上に掲載されて話題となっている。 単にアニメーションのキャラクターがインタビューに応えるだけならば、きっと話題にもならなかっただろう。しかし絶対に笑顔なんて見せない性格の碇ゲンドウが「満面の笑み」でインタビューに答えており、ファンたちは驚きを隠せずにいる。 このインタビュー動画は『ヱヴァンゲリヲン新劇場版』と『シック』（Schick）のコラボレーションキャンペーンの動画で、ゲンドウが髭そりの良さを語っている。表情だけでなくその語り口も非常に軽快で、見ている視聴者にも髭ソリの気持ちよさが伝わってくるほど。 ゲンドウは劇中で絶対に見せない笑顔を動画で見せている。あまりにも貴重かつ衝撃的なこの動画、YouTubeに『Schick×ヱヴァンゲリヲン オリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
