忍者ブログ
29 April

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

22 August

clip-pathを用いた使い方　CSS

clip-path　ジェネレーター
https://bennettfeely.com/clippy/
今まで疑似要素とoverflow:hiddenを組み合わせたりしてたけど、位置調整とかタゲると見えてない位置のオブジェクトとか気になっていた
コレならきれいにできる。
IEもすでに対応するのやめたから使っていこうと思う


clip-pathを利用してテキストをアニメーションで表示する方法
https://digipress.info/tech/revealing-text-by-clip-path/

テキストのマスクアニメーション
なんかよくあるよね。カッコイイみたいなかんじでこれやってくれみたいな
なんか長方形の物体が文字の上を滑ってるみたいなやつとか
Animationがくそめんどくて仕方なかったんだが、
clip-pathならすごくいいかんじにできそう！まだやったことないが
IEいらねーならもう技術をいっぱい簡単にできていいよね
洗濯機が有るのにいつまで洗濯板使えばいいのっていうのがIEだから
PR