CSS - calc

CSSだけで開閉するツリー

Result See the Pen Untitled by kachibito (@kachibito) on CodePen. 以前「CSSでフォルダツリーを作る」を書きましたが今回は開閉するタイプです...

文章の任意の行で文字省略を3点リーダーでなくグラデーションで

Result See the Pen MDN's cool truncation by kachibito (@kachibito) on CodePen. 長い文章を自動で省略するやつです。 CSSだけ...

CSSでアスペクト比を管理する

Result See the Pen oNzebOr by kachibito (@kachibito) on CodePen. CSSでアスペクト比を管理しよう、みたいなネタです。 上サンプルはサイズがバラ...

CSSだけでスクロールに応じたプログレスバー

Result See the Pen CSS only scroll indicator by kachibito (@kachibito) on CodePen. スクロールするとプログレスバーが進んで、 あとどれくらいページの...

ズレていたボタンの背景がマウスホバーで元に戻るエフェクト

Result See the Pen rpOQmj by kachibito (@kachibito) on CodePen. css html via

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

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