Create this Button in Elementor - Absolute Beginner Tutorial - CSS
Consider Subscribing and Liking to Support Me.
CSS Code :
Add class "btnText" to the button text. Make sure it is set to p and not h2,h3... etc.
.btnText {
transition: 0.3s;
color:black; /*Normal Color of Text*/
}
selector:hover .btnText{
color:white; /*Hover Color of Text*/
}
selector:after {
content: '';
height: 100%;
width: 22%; /*Size of the Colored Container*/
background: #9195F6;
position: absolute;
right: 0;
top: 0;
border-radius: 50px;
transition: width 0.3s;
}
selector:hover:after {
width: 100%; /*Size of the Full Container on Hover*/
}
Important Links -
Elementor Pro - https://be.elementor.com/visit/?bta=8...
Hostinger - https://www.hostg.xyz/SH1gP
Recommended hostings, plugins, themes and wordpress tools -
https://dmmotionarts.com/dms-recommen...
Free Elementor Templates - https://dmmotionarts.com/product-cate...
Some of the above links are affiliated links.
Thank you.
Смотрите видео Create this Button in Elementor - Absolute Beginner Tutorial - CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь DMmotionarts 29 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 25 раз и оно понравилось 1 людям.