Flatsome
Thêm hiệu ứng cho sản phẩm khi rê chuột vào
Khi rê chuột vào ảnh sản phẩm, hiệu ứng như có ánh sáng chạy qua
Paste đoạn này vào custom CSS
CSS
|
1 |
.product-small .box-image:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.product-small .box-image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} |