こんにちは。ニジボックスでフロントエンドエンジニアをやっております、門脇と申します。 さて、今回取り上げたいのはCSSアニメーションです。 言わずもがな、ブラウザ上の要素を消したり現したり動かしたりといったアニメーションには欠かすことのできない技術です。 しかし、欠かすことができないということは、いっぽうで基本的な使い方が既に定まっているということでもあるわけです。CSSには様々なプロパティが用意されているにも関わらず、実装の際にはごく限られた使い方になってしまう、これはもったいないことです。 そういうわけで、今回、普段あまり使われないCSSのプロパティを使用したテキストエフェクトを自作してみました。CSSアニメーションで実装できるエフェクトの簡単な解説とともに、ご紹介したいと思います。 フェードイン CSSアニメーションで頻繁に使用されるエフェクトといえば、やはりフェードインでしょう。フ
![【CSSアニメーション】ちょっと変わったテキストエフェクトをつくってみた | 株式会社ニジボックス](https://cdn-ak-scissors.b.st-hatena.com/image/square/9589bfbd5dafb5fbde6c314dbb69bef14329e1a3/height=288;version=1;width=512/https%3A%2F%2Fblog.nijibox.jp%2Fwp-content%2Fuploads%2F2018%2F07%2Fno66-animation-effect-560x363.png)