画面を斜めに分割して2つの動画を表示する Result See the Pen Two videos separated diagonally by kachibito (@kachibito) on CodePen. 画面を斜めに分割して動画を2つ同時に再生するサンプルで...2018.09.02
CSSだけで3Dなカルーセル Result See the Pen 3D Slider | Pure CSS by kachibito (@kachibito) on CodePen. 数年前に見かけた懐かしい感じの3Dなカルーセルです。 CSSだけで出来る時...2018.04.19
CSSだけで作るシンプルなニュースティッカー Result See the Pen Pure CSS Ticker (Horizontal) by kachibito (@kachibito) on CodePen. メディアサイト等でまだ見かけるやつ。 :hoverで一時停...2018.04.02
CSSだけで、長いテキストを一部隠してボタンクリックで全文表示 Result See the Pen SlideToogle con CSS :checked by kachibito (@kachibito) on CodePen. たまに見かけるコンテンツの表示/非表示のトグルです c...2018.01.25
タグにマウスホバーすると記事数がスライドする Result See the Pen Sliding Tags by kachibito (@kachibito) on CodePen. 記事に紐付けられたタグ等の数値がマウスホバーでスライドする、みたいなの これ自体はだいぶ昔...2017.09.01
画像にグラデーションのフィルターをかける Result See the Pen Gradient filtering images by kachibito (@kachibito) on CodePen. css html off topic 空要素であ...2017.08.02
CSSだけでシンプルなパララックス効果 Result See the Pen Pure css Parallax header by kachibito (@kachibito) on CodePen. CSSのみでシンプルなパララックス効果を実装 スクロールするとhe...2017.07.26
ボタンのホバーアニメーションサンプル集#2 Result See the Pen Animated CSS3 Buttons by kachibito (@kachibito) on CodePen. 疑似要素を応用したホバーエフェクト集。コードは上PENにて。 via ...2017.07.25
画像を三角形に切り取って綺麗に並べる Result See the Pen CSS Triangle Image Crop by kachibito (@kachibito) on CodePen. 画像を三角形に切り取って重ならないように配置 clipプロパティを使...2017.07.16