Get Ready Elementor Templates

SAAS Landing Page using Elementor Flexbox | WordPress Elementor 2024

Subscribe To My YouTube Channel For More Upcoming Videos

Banner Icon Box


selector .elementor-icon:after {
    position: absolute;
    left: -10px;
    bottom: -10px;
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #ffffff;
    z-index: 1;
    opacity: 0.1;
}

 

Working Process


selector:after {
    position: absolute;
    left: 20%;
    right: 20%;
    content: "";
    height: 1px;
    border-top: 2px dashed #5153ff;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 1024px){
    selector:after {
        display: none;
    }    
}

 

Service Section Animated Icon


selector{
    animation: UpDown 4s linear infinite;
}

/* Infinite Up Down Animation */
@keyframes UpDown {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(-25px);
		transform: translateY(-25px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

 

Footer Background CSS




 

Footer Background Class


about

 

Button Hover Effect


.btn .elementor-button{
    border: 30px;
    position: relative;
    overflow: hidden;
    border: 2px solid #dddddd;
}
.btn .elementor-button:hover{
    border-color: #10393b;
    transition: all 0.25s ease-in-out;
}
.btn .elementor-button:after {
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: -5%;
    content: "";
    height: 150px;
    width: 115%;
    z-index: 1;
    background-color: #10393b;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateY(-45%) skew(25deg) scale(0);
    transform: translateY(-45%) skew(25deg) scale(0);
}
.btn .elementor-button:hover:after {
    -webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
    transform: translateY(-45%) skew(25deg) scale(1.2);
}
.btn .elementor-button-text{
    z-index: 2;
}
.btn-white .elementor-button{
    border: 2px solid #fff;
}

 

Wanna join my secret winners’ gang?

I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!

  • Money Making Blog Tricks
  • $100k by Freelancing Formula
  • Secret Resources
  • Rich Dad business tactics
  • And, of course about my upcoming videos and plans