How To Create SEO & Digital Marketing Agency Website Using Elementor Flexbox

901SHARES

Hide horizontal overflow for the entire page CSS

Background Glass Effect CSS

.bg-color-hero{
    filter: blur(150px);
}

Background Glass Effect CSS Class

bg-color-hero

Animation Up And Down CSS

/*Animation */    
.move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

Animation Up And Down CSS Class

move

Circle Box Emoji Position CSS

.circle-box .emoji{
    transform: translate(-50%, -50%);
}

Circle Box Emoji Position CSS Classes

circle-box
emoji

Rotated Animation CSS

.circle-box .rotate{
    animation: Rotate 15s linear infinite;
}

 @keyframes Rotate {
  from {
    transform: rotate(0deg);
    }
    to {
    transform: rotate(360deg);
    }
 }

Rotated Animation CSS Classes

circle-box
rotate

Text Opacity CSS

.text-opacity{
    opacity: 0.6;
}

Text Opacity CSS Class

text-opacity

Counter Plus Icon Css

.counter-color .elementor-counter-number-suffix{
    color: #9180FB;
}

Counter Plus Icon Css Class

counter-color

Card Bg Glass Effect CSS

.blur-1{
    backdrop-filter: blur(6.52838px);
} 

Card Bg Glass Effect CSS Class

blur-1

Card Hover Effect JS

Card Hover Effect JS Class

card

Button Style Css

.button-1 .elementor-button-text{
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-1 .elementor-button-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 42px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #FFFFFF;
    border-radius: 21px;
    font-size: 20px;
    

}

.button-1.button-service .elementor-button-icon{
    border-width: 1px;
    border-color: #9180FB !important;
}


.card:hover .button-1 .elementor-button,  .card-box:hover .button-1 .elementor-button{
    background-color: #9180FB !important;
    color: white;
}

Button Style Css Classes

button-1
button-service