css3 - transition屬性當鼠標一開的時候設置的時間不起作用

問題描述

#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屬性如上，鼠標離開時，陰影瞬間消失怎么辦

問題解答

transition寫在上面，不要寫在偽類后面

1.transition寫在元素上而不是偽類上2.元素上要有一個transform的初始值

這些屬性本來不用偽類可以自行執行，transition 你得放在要過渡的元素上面