横からぴょ~んと出てくる動き、CSS3のみで。

@CyberMameCANです。
jQueryが良い感じです!
もっともっと極めて行きたいものですな〜。
でも今日はCSS3のみです。

横からぴょ~んと出てくる動き、jQueryなどを利用しなければ実現できないと思っていたのですが、
今ではCSS3で出来てしまうのですね。
(角丸とかドロップシャドウだけではなかった・・・勉強不足。)
しかもJavaScriptより滑らかな動きな気がします。

デモ

下記コードはSafari(Chrome)限定です。
jQueryなどと一緒に使えば、少し遅らして出てくるっていうのも出来るかもですね。

サンプルコードです。

HTML

CSS



こういうブログもありました。

人気のあるブログ:


未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

シリコンバレー現役エンジニアが教える未経験者のためのPythonドローンプログラミング