マウスホバーで画像にスプリットエフェクト
Result See the Pen Split Image on hover by kachibito (@kachibito) on CodePen. 昔Flash等で少し流行した、画像が分割されるアニメーションエフェクトです ...
CSS - transition-delay
CSSで画像にマウスホバーで折りたたまれた紙が展開されるようなエフェクト
Result See the Pen Spread fx by kachibito (@kachibito) on CodePen. 折りたたまれた紙をパタパタと広げるようなエフェクト 少し長いコードになりますが、再利用できるので...
CSSだけでOne page scrollなWebサイト
Result See the Pen One page scroll by kachibito (@kachibito) on CodePen. 昔iPhone 5Sのプロダクト紹介ページにあったレイアウトを真似たスクリプト（On...
ボタンにSVGを使って水がせりあがる様なホバーエフェクト
Result See the Pen Mana Button by kachibito (@kachibito) on CodePen. SVGを使うといろいろ作れて楽しいですね。 HTMLで書いた自作のSVGをurl()フィルタ...
マウスホバーするとグラデーションの背景と、遅延してテキストが浮かび上がる
Result See the Pen Simple Tile Hover Effect by kachibito (@kachibito) on CodePen. よく見るやつです。テキストは遅延表示されます css ...
クリックで開閉するナビゲーション
Result See the Pen Pure CSS Header Menu by kachibito (@kachibito) on CodePen. よくあるオフキャンバスナビゲーションの類ではなく、その場で開閉するパターンで...