برای داشتن این دکمه زیبا در سایت وردپرسی خود کافیست:
<div>
<button class=”btn”><i class=”animation”></i>BUTTON<i class=”animation”></i>
</button>
</div>
.btn {
outline: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
background: #40B3A2;
min-width: 200px;
border: 0;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
box-sizing: border-box;
padding: 16px 20px;
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
overflow: hidden;
cursor: pointer;
}
.btn:hover {
opacity: .95;
}
.btn .animation {
border-radius: 100%;
animation: ripple 0.6s linear infinite;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
}
100% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
}
}
اکنون این دکمه در سایت شما نمایش داده می شود.
منبع: وبکادیزاین
اهمیت مرکز طراحی سایت و سئو وبکا دیزاین در توسعه آنلاین کسب و کاردر دنیای امروزی پر رقابت اینترنتی، داشتن یک وبسایت حرفهای ...
اهمیت سئو برای سایت شما:1. افزایش دیده شدن: سئو برای یک وبسایت همانند نمایش تابلوهای تبلیغاتی در خیابان است. با بهینهسازی محتوا و ...
دامنهها در دنیای دیجیتال نقش بسیار حیاتی ایفا میکنند و انتخاب یک دامنه مناسب، ابزار مهمی در ساختن حضور آنلاین موثر است. یکی ...
مقدمه دامنه .com یکی از محبوبترین انواع دامنهها در اینترنت است که به عنوان یکی از نشانهای تجاری برای وبسایتها شناخته میشود. این ...
آدرس شعبه تهران: خیابان شریعتی بن بست یاس پ 1
آدرس شعبه شیراز: خیابان ستارخان بین کوچه 3 و 5 ساختمان سیلور