CSS - border-radius

単一要素で枠線のあるポップなbox-shadowを作る

Result See the Pen Untitled by kachibito (@kachibito) on CodePen. ちょっとコミック風の、枠線ありのポップなbox-shadowを単一要素で作...

CSSでベン図っぽいやつ

Result See the Pen CSS Grid and Shape-Outside Venn Diagram by kachibito (@kachibito) on CodePen. ベン図(Wikipedia)っぽいやつ...

border-radiusを使って要素をアニメーションでいろいろな形に変形させる

Result See the Pen Animating border-radius by kachibito (@kachibito) on CodePen. border-radiusで作れる様々な形状を利用してkeyframe...

クリックで展開するSNSシェアボタン

Result See the Pen Share button by kachibito (@kachibito) on CodePen. シェアボタンのアイコンもCSS製なのでコードは少し冗長化してます css htm...

水の波紋っぽいエフェクト

Result See the Pen CSS ripple effect by kachibito (@kachibito) on CodePen. 水上で起こる波紋のようなエフェクトです css html via...

矢印型のパンくずナビゲーション

Result See the Pen Pure CSS3 breadcrumb navigation - the pixel perfect way by kachibito (@kachibito) on CodePen. 矢印型...

アニメーション+グラデーションな枠

Result See the Pen Animated CSS Gradient Border by kachibito (@kachibito) on CodePen. CSS変数とcalcが使われています css h...
Ads