前提・実現したいこと
ソースコードの変更が必要なのか、どのように変更すればいいのか
●理想のためには高さ?をどのように設定したらよいかわかりませんでした。
ご教示いただければ幸いです。
よろしくお願いいたします。
html
1 <div class="item item01 item-ln"> 2 <a href="#"> 3 <figure> 4 <img src="../../assets/run.jpg" alt=""> 5 <figcaption><span style="text-align: center">走る</span></figcaption> 6 </figure> 7 </a> 8 </div>
css
1figure{ 2 margin: 0; 3 padding: 0; 4 overflow: hidden; 5 width: 100%; 6 background: #241E21; 7} 8 9figure img{ 10 display: block; 11 transition-duration: 0.3s; 12} 13figure img:hover{ 14 transform: scale(1.5); 15 transition-duration: 0.3s; 16 opacity: 0.6; 17} 18 19figcaption{ 20 line-height: 1.5em; 21 margin0: 0; 22 padding: 0; 23} 24 25.item{ 26 padding: 0 10px; 27 transition-duration: 0.3s; 28} 29 30.item:hover{ 31 opacity: 0.6; 32 transition-duration: 0.3s; 33} 34 35.item a{ 36 color: #fff; 37} 38 39.item-ln{ 40 padding-left: 0; 41} 42 43 44.item01{ 45 border-bottom: solid 5px #0062B6; 46 margin-bottom: 5px; 47} 48
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/10/01 04:14
2021/10/01 04:16