###やりたいこと
作りたいのはタイトルの通りです。
ですがホバーさせてもなにも表示されません。
どう直せばできますか?
僕が書いたコードです↓
html
1(<head>などは省略します) 2 3<style> 4.buttons{ 5 display:flex; 6 flex-direction: row; 7 justify-content: center; 8 background-color: black; 9} 10.button{ 11 padding:20px; 12 margin:10px; 13 color:white; 14 text-decoration: none 15} 16.button::after{ 17 content:""; 18 height: 1px; 19 width: 0px; 20 background-color:blue; 21 bottom: 0; 22 left: 0; 23 position: absolute; 24 transition: .5s all; 25} 26.button::after::hover{ 27 width:100%; 28} 29 30</style> 31 32<body> 33<div class="buttons"> 34 <a href="profile.html" class="button">aaa</a> 35 <a href="blogs.html" class="button">bbb</a> 36 <a href="donate.html" class="button">ccc</a> 37 <a href="twitter.html" class="button">ddd</a> 38</div> 39 40</body> 41</html> 42 43
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/08/17 14:47