【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
いつも分かりやすい動画作成と解説、ありがとうございます。
ripple の animation-fill-mode: forwards; について教えてください。
ripple
animation-fill-mode: forwards;
.like [type="checkbox"]:checked~.ripple { animation-name: ripple; animation-duration: .6s; animation-fill-mode: forwards; ←←← }
上記矢印の部分ですが下の @keyframes ripple で opacity: 0 を指定しています。 コードとしては不要に思うのですが、記述してある理由が何かあるのでしょうか。 コードをコメントアウトしても結果は変わりませんでした。
@keyframes ripple
opacity: 0
100% { transform: scale(1); opacity: 0; }
回答、よろしくお願いいたします。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
いつも分かりやすい動画作成と解説、ありがとうございます。
rippleのanimation-fill-mode: forwards;について教えてください。上記矢印の部分ですが下の
@keyframes rippleでopacity: 0を指定しています。コードとしては不要に思うのですが、記述してある理由が何かあるのでしょうか。
コードをコメントアウトしても結果は変わりませんでした。
回答、よろしくお願いいたします。