文章詳情頁
css3 - transition屬性當鼠標一開的時候設置的時間不起作用
瀏覽：244日期：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. docker 17.03 怎么配置 registry mirror ?2. 前端 - @media query 使用出現的問題？3. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？4. node.js - mongodb查找子對象的名稱為某個值的對象的方法5. 運行python程序時出現“應用程序發生異常”的內存錯誤？6. html5 - datatables 加載不出來數據。7. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]8. javascript - QQ第三方登錄的問題9. 利用IPMI遠程安裝centos報錯！10. spring-mvc - spring-session-redis HttpSessionListener失效
排行榜
網公網安備