Fix nội dung chạy , ảnh đứng yên

 

****HTML

<div class="danb-men">

<div class="elementor-background-overlay"></div>

</div>

**** CSS

.danb-men {

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    margin-top: 0px;

    margin-bottom: 0px;

    padding: 1% 7% 3% 7%;

    position: relative;

}

.elementor-background-overlay {

    background-image: url(../images/services.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0.05;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

    background-attachment: fixed;

}

Content Css

Link : http://seehowsupport.com/font-awesome/

Content Css && FontWeAsome Content

**** HTML

<div class="color-mau active" data-color="#455a64">

    <div class="color-top" style="background: #455a64;"></div>

    <div class="color-bottom" style="background-color: rgb(233, 30, 99);"></div>

</div>

**** Css

.color-mau {

    display: inline-block;

    height: 60px;

    width: 60px;

    background-color: rgba(0,0,0,0.04);

    border: 1px solid #d4d4d4;

    padding: 4px 7px 6px 7px;

    border-radius: 2px;

}

.color-mau.active{

    border-color: #90c52d;

    border-width: 2px;

    background-color: #fff;

    position: relative;

}

.color-mau.active:after {

    display: block;

    position: absolute;

    bottom: -8px;

    right: -7px;

    height: 24px;

    width: 24px;

    background-color: #90c52d;

    border-radius: 50%;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 12px;

    color: #fff;

    text-align: center;

    padding-top: 8px;

    font-family: FontAwesome;

    content: "\f00c";

}

**** Link-Website

Tại đây: http://seehowsupport.com/font-awesome/