鼠標(biāo)滑過周圍出現(xiàn)綠色的變不知道什么原因造成的，求教各位大神？<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style>*{margin: 0;}.pic{width:500px;height: 300px;border: 1px solid #ccc;position: relative;}.bg{width: 100%;height: 100%; display: block; transition: all 225ms ease; -moz-transition: all 5s ease;background-color: #1E76C1;}.tu{width: 100%;height: 100%; display: block; position: absolute; top: 0; left:0; background-size: cover;background-position:50% 0;background-repeat: no-repeat;transition: all 5s ease-out; -moz-transition: all 445ms ease;background-color: #1E76C1;transform: scale(1);}.pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}</style></head><body><div class="pic"><a href="javascript:void(0)"></a><span style="background-image: url(tu.png);"></span></div></body></html>
1 回答
淡雅的默
TA貢獻(xiàn)102條經(jīng)驗(yàn) 獲得超139個(gè)贊
你文中沒有任何效果，要么就是你這行代碼.pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}有一個(gè)hover效果，
-
_是你_有的啊，鼠標(biāo)滑過圖片變透明，放大一點(diǎn)。 -
淡雅的默你給的demo不完整，復(fù)制下來沒效果 .pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}這就是你的移動(dòng)上去的效果代碼，透明度百分之九十，放大1.04倍
-
淡雅的默你給的demo不完整，復(fù)制下來沒效果 .pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}這就是你的移動(dòng)上去的效果代碼，透明度百分之九十，放大1.04倍
點(diǎn)擊展開后面1條
添加回答
舉報(bào)
0/150
提交
取消