ポスト

CSS小技✨ 簡略化したいmenuボタン🎶 <div class="button"> <div></div>... </div> .button { padding: 10px; height&width: 40px; display: grid; place-items: center; .button div { height: 10px; width: 100%; .box.open div:first-child { rotate: 45deg; #Codejump #デイトラ pic.twitter.com/taTiHHW3kE

メニューを開く

ろびー【Web制作】@Robby_WebDesign

みんなのコメント

メニューを開く

3本線を1つずつ position: absolute;でそれぞれ :first-childでtop: 〇px; :nth-child(2)でtop: 50%; :last-childでtop: 〇px;と指定しなくても 親要素で、display: grid; place-items: center; で簡単に位置を指定できます!

ろびー【Web制作】@Robby_WebDesign

人気ポスト

もっと見る
Yahoo!リアルタイム検索アプリ