文章詳情頁
css3 - transition屬性當鼠標一開的時候設置的時間不起作用
瀏覽：115日期：2023-06-28 16:05:06
問題描述
#last-goods{ background: url('../images/lasted-goods.jpg') no-repeat; width:100%; height:73px; overflow: hidden;}#last-goods:hover{ -webkit-box-shadow:10px 10px 20px #b7b7b7; -box-shadow:10px 10px 20px #b7b7b7; transition: 1s all linear; -webkit-transition: 1s all linear; -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
css屬性如上，鼠標離開時，陰影瞬間消失怎么辦
問題解答
回答1：transition寫在上面，不要寫在偽類后面
回答2：1.transition寫在元素上而不是偽類上2.元素上要有一個transform的初始值
回答3：這些屬性本來不用偽類可以自行執行，transition 你得放在要過渡的元素上面
標簽：
CSS
相關文章：
1. mysql - 在不允許改動數據表的情況下，如何優化以varchar格式存儲的時間的比較？2. javascript - Img.complete和img.onload判斷圖片加載完成有什么區別？3. docker網絡端口映射，沒有方便點的操作方法么？4. mysql 為什么主鍵 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?5. css3 - 純css實現點擊特效6. java中返回一個對象，和輸出對像的值，意義在哪兒7. 安全性測試 - nodejs中如何防mySQL注入8. javascript - 關于apply（）與call（）的問題9. MySQL中無法修改字段名的疑問10. python - 在sqlalchemy中獲取剛插入的數據id?
排行榜
網公網安備