Показываю как просто сделать классный эффект блика для кнопки в конструкторе Elementor WordPress без каких-либо дополнений и плагинов.
CSS код блика для кнопки:
.elementor-button {
position: relative;
color: #fff;
border-radius: 0.5rem;
overflow: hidden;
}
.Здесь поставьте css class от Вашей кнопки:before {
content: '';
width: 100%;
height: 200%;
position: absolute;
top: 0; left: 0;
opacity: 0.5;
filter: blur;
background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
transform: translate(-100%, -25%) rotate(10deg);
animation: blick 5s infinite;
}
@keyframes blick {
0% {
transform: translate(-100%, -25%) rotate(10deg);
}
20% {
transform: translate(100%, -25%) rotate(10deg);
}
100% {
transform: translate(100%, -25%) rotate(10deg);
}
}
Благодарю за информацию. Сделал на своём сайте. Всё работает.
Огромное вам спасибо за такую ценную инфу!!!
Спасибо!