単一要素で枠線のあるポップなbox-shadowを作る Result See the Pen Untitled by kachibito (@kachibito) on CodePen. ちょっとコミック風の、枠線ありのポップなbox-shadowを単一要素で作...2022.06.24 | 10時05分50秒
CSSでベン図っぽいやつ Result See the Pen CSS Grid and Shape-Outside Venn Diagram by kachibito (@kachibito) on CodePen. ベン図(Wikipedia)っぽいやつ...2018.12.08 | 9時02分32秒
border-radiusを使って要素をアニメーションでいろいろな形に変形させる Result See the Pen Animating border-radius by kachibito (@kachibito) on CodePen. border-radiusで作れる様々な形状を利用してkeyframe...2018.10.17 | 10時14分07秒
クリックで展開するSNSシェアボタン Result See the Pen Share button by kachibito (@kachibito) on CodePen. シェアボタンのアイコンもCSS製なのでコードは少し冗長化してます css htm...2018.10.15 | 9時43分19秒
水の波紋っぽいエフェクト Result See the Pen CSS ripple effect by kachibito (@kachibito) on CodePen. 水上で起こる波紋のようなエフェクトです css html via...2018.05.26 | 10時06分02秒
矢印型のパンくずナビゲーション Result See the Pen Pure CSS3 breadcrumb navigation - the pixel perfect way by kachibito (@kachibito) on CodePen. 矢印型...2017.09.11 | 13時18分38秒
アニメーション+グラデーションな枠 Result See the Pen Animated CSS Gradient Border by kachibito (@kachibito) on CodePen. CSS変数とcalcが使われています css h...2017.07.21 | 2時12分25秒