Button Hover Effect With Elementor Pro & CSS | WordPress Elementor Pro Tutorial

Learn how to create Button Hover Effect With Elementor Pro & CSS

My Facebook Page:
  / customwp1  

CSS Source Code:

/* Gradient off background */
.my-button .elementor-button::before{
content: '';
position: absolute;
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);;
width: 100%;
height: 100%;
top: 8px;
left: 8px;
z-index: -1;
transition: all 1s;
}

/* Blur gradient on hover */
.my-button:hover .elementor-button::before{
content: '';
filter: blur(8px);
-webkit-filter: blur(8px);
transition: all 1s;
}

Learn to create amazing WordPress websites without any coding knowledge Using Elementor Page Builder.
We will explore this amazing page builder in this course and create a complete business website during this course using Elementor .
You can start your freelancing career as a WordPress website designer watching this course and learning elementor.
Elementor Full Course:
   • Wordpress Elementor tutorial 2021  
WordPress Basic Course:
   • Плейлист  

#customwp
#elementor pro