.button-zol { position: relative; padding: 20px 50px; display: block; width: 200px; text-decoration: none; text-transform: uppercase; overflow: hidden; display: inline-block; text-align: center; } .name-zol { position: relative; z-index: 1; font-size: 20px; color: #fff; left: 26px; font-weight: bold; right: 0.5px; } .liquid-zol { position: absolute; width: 200px; height: 200px; top: -80px; left: 0; background: #4973ff; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); transition: 0.5s; } .button-zol:hover .liquid-zol { top: -120px; } .liquid-zol:before, .liquid-zol:after { content: ' '; position: absolute; width: 200%; height: 200%; top: 0px; left: 50%; transform: translate(-50%,-75%); } .liquid-zol:before { border-radius: 45%; background: rgba(20, 20, 20,1); animation: animatezol 5s linear infinite; } .liquid-zol:after { border-radius: 40%; background: rgba(20, 20, 20,0.5); animation: animatezol 10s linear infinite; } @keyframes animatezol { 0%{ transform: translate(-50%,-75%) rotate(0deg); } 100%{ transform: translate(-50%,-75%) rotate(360deg); } }

Use this space to put some text. Update this text in HTML

468x60 banner ad

Tags

Technology

3/Technology/post-list

Recent in Sports

3/recent/post-list

Random Posts

3/random/post-list

Popular Posts

LMMM

عروض موقع sprii الصيفة رجعت من جديد 😱😱🙏
إستمتع بالصيف الان
✅الخطوة الاولى أدخل للموقع من هذا الرابط: https://bit.ly/2Zzo2rR
✅الخطوة الثانية عند الطلب أدخل هذا الكود: YALLASPRII لتحصل على تخفيض حتى 50%
✅كود الكوبون:YALLASPRII




عروض H&M الصيفة رجعت من جديد 😱😱🙏
✅الخطوة الاولى أدخل للموقع من هذا الرابط: https://bit.ly/3hamdrf
✅الخطوة الثانية عند الطلب إستعمل هذا الكود لتحصل على خصم 60%:AC1
✅كود الكوبون:AC1

Posted by: at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)