Как можно использовать только бесконечное увеличение для фона? Я не хочу анимацию для текста - PullRequest
Новая
       26

Как можно использовать только бесконечное увеличение для фона? Я не хочу анимацию для текста

0 голосов
/ 20 июня 2019

У меня есть изображение обложки, которое я использую в качестве фона в домашнем разделе. Я сделал хороший эффект увеличения и уменьшения масштаба с помощью CSS. Моя проблема в том, что текст в этом разделе также анимирован, что мне не нужно. Я знаю, что текст находится внутри коробки домашнего контейнера, но я не мог понять, как удалить его или как не анимировать его с помощью простого кода? 

#home {
height: 100%;
animation: scale 20s linear infinite;}    

#home-cover{
height: 100%;
background-image: url("../img/bg-home-tr4.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;}    

@keyframes scale {
50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}}
#home-content-box {
width: 100%;
height: 100%;
display: table;}
#home-content-box-inner {
display: table-cell;
vertical-align: middle;
/* text-align: center;*/}
#home-heading h3 {
color: #fff;
font-size: 55px;
font-weight: 700;
margin: 20px 0 20px 0;
}
...