課程
/前端開發
/JavaScript
/側欄工具條開發
最后一步代碼在CSS中是怎么顯示的,誰有,發一下
2016-06-28
源自:側欄工具條開發 4-3
正在回答
.toolbar-item{ ????position:?relative; ????display:?block; ????width:?$toolbar-size; ????height:?$toolbar-size; ????margin-top:?1px; ???? ???? ????&:hover{ ????????.toolbar-btn{ ????????????&:before{ ????????????????top:-$toolbar-size; ????????????} ????????????&:after{ ????????????????top:0; ????????????} ????????} ????????&:after{ ????????????@include?opacity(1); ????????????@include?scale(1); ????????} ???????? ????} ???? ????&:after{ ????????content:?""; ????????position:?absolute; ????????right:?$toolbar-size?-?6; ????????bottom:?-10px; ????????width:?172px; ????????background-image:?url(../img/toolbar_img.png); ????????background-repeat:?no-repeat; ????????@include?opacity(0); ????????@include?transform-origin(95%?95%); ????????@include?scale(0.01); ????????@include?transition(all?1s); ????} }
舉報
帶動畫效果的工具條,掌握如何用CSS3完成簡單的動畫效果
1 回答css有關偽類hover的嵌套
1 回答我想問一下 在toolbar_item類加的hover讓兩個二維碼顯示 不是鼠標經過所有的a都顯示嗎
1 回答我用DW寫的scss文件,編譯后的css怎么和老師講的顯示的內容不一樣
2 回答二維碼怎么沒有顯示出來
2 回答怎么在所有類前面畫一個豎線,然后加點的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-13