エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS】linear-gradientの角度をアニメ変化させてみます【実験】 - Little Strange Software
どうも!LSSです!! CSSのbackground-imageにlinear-gradientを指定し、それをkeyframesアニメーション... どうも!LSSです!! CSSのbackground-imageにlinear-gradientを指定し、それをkeyframesアニメーションの対象にした場合。 例えば、 @keyframes キーフレーム名{ 0%{background-image:linear-gradient(0deg , 色1 , 色2);} 100%{background-image:linear-gradient(90deg , 色1 , 色2); } のように指定したとしても、角度が「0degから90degに徐々に変化」…とはなりません。 他のgradientもそうですが、 ( ) の内容はkeyframesの「徐々に変化」の途中経過の補完対象外のようです。 ですが、background-position や background-size の指定はアニメ変化してくれる事から、「角度がアニメ変化している」よ
2022/06/02 リンク