Öncelikle selam. Az önce yapmaya çalıştığım Shine efektini logoma yapmak istedim ama nasıl yapacağımı bilemedim. Bunun için sizden destek almaya karar verdim. Nasıl yapabilirim acaba? CSS Kodları;
Umarım en erken zaman içinde cevap alırım iyi akşamlar
CSS:
.hover14 figure {
position: relative;
}
.hover14 figure::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);
}
.hover14 figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
Umarım en erken zaman içinde cevap alırım iyi akşamlar