little_strange https://blog.hatena.ne.jp/little_strange/ Little Strange Software https://little-strange.hatenablog.com/ HTMLなど どうも！LSSです！！ CSSのbackground-imageにlinear-gradientを指定し、それをkeyframesアニメーションの対象にした場合。 例えば、 @keyframes キーフレーム名{0%{background-image:linear-gradient(0deg , 色１ , 色２);}100%{background-image:linear-gradient(90deg , 色１ , 色２);} のように指定したとしても、角度が「0degから90degに徐々に変化」…とはなりません。他のgradientもそうですが、 ( ) の内容はkeyframesの「徐々に… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2022%2F06%2F01%2F235719" title="【CSS】linear-gradientの角度をアニメ変化させてみます【実験】 - Little Strange Software" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-06-01 23:57:19 rich https://little-strange.hatenablog.com/entry/2022/06/01/235719 1.0 100%