ここに質問の内容を詳しく書いてください。
hover時要素が弾む動作をしてほしくて下記CSSを書いたところ、
ブラウザでは動作するものの、以下のエラーメッセージが発生しました。
(382行目は”@keyframes bounce”の部分にあたります)
発生している問題・エラーメッセージ
Expected RBRACE at line 382, col 2.
該当のソースコード
CSS
1#service ul li a:hover { 2 color: #00a3b8; 3 animation: bounce 1.6s ease infinite normal 0s none running; 4 -webkit-animation: bounce 1.6s ease infinite normal 0s none running; 5 -ms-animation: bounce 1.6s ease infinite normal 0s none running; 6 } 7 @keyframes bounce { 8 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } 9 40% { transform: translateY(-5rem); } 10 60% { transform: translateY(-2rem); } 11 } 12 @-webkit-keyframes bounce { 13 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } 14 40% { transform: translateY(-5rem); } 15 60% { transform: translateY(-2rem); } 16 }
試したこと
bounceの名前を変えてみたり全角スペースが入っていないか等確かめてみましたが、
他にどこが問題なのか全く見当がつきませんでした。
どうかお知恵を拝借させてください。
補足情報(FW/ツールのバージョンなど)
DreamweaverCC 2019

バッドをするには、ログインかつ
こちらの条件を満たす必要があります。