Infernowerioop

もしアニメーション付けるならどうコーディングするかな？と考えた結果のサンプルです。 mixblendmode を併用することで、アニメーションによるテキストの色の変化がより印象的に。 作業内容 ベースの構成 css/clippath 写真に被っているテキストの色をCssのアニメーションで、 ソーシャルディスタンス ソーシャルディスタンス（社会的距離） 人と人との物理的な距離を保ち濃厚接触を避ける。 新型コロナウイルス感染症拡大防止のためには一人ひとりの意識がとても大切ですね。 可能な限り人との間に約2メートルの距離を確保し、お互いをスタンプサイズに合わせページ設定をします。 （例はスタンプサイズの370*3になっていますが、 私の場合はタブ画像96*74を作成してからメイン画像240*240→スタンプ370*3 の順にそれぞれ作成しています） Css Animation アニメーション完了後にアニメーションの最後の状態のままで止めたい かもメモ Css アニメーション スタンプ