Удалить анимацию при загрузке веб-страницы - PullRequest
Новая
       3

Удалить анимацию при загрузке веб-страницы

0 голосов
/ 10 апреля 2020

В большинстве браузер-ос-констилляций стандартный фон сайта белый, поэтому, если я создаю веб-сайт, сначала я устанавливаю цвет фона на что-то темное. Но если я попытаюсь установить свойство перехода на «*», фон также исчезнет, ​​что, на мой взгляд, выглядит плохо. Как я могу удалить это? 

*{
  transition: 2s;
}
body{
  background-color: #000
}
<html>
  <body>
    <p>Hi!</p>
  </body>
</html>

Ответы [ 2 ]

3 голосов
/ 10 апреля 2020

если вы хотите выбрать все и избежать перехода от тела

, вы можете использовать :not(body): 

:not(body){
  transition: 2s;
}
body{
  background-color: #000
}
1 голос
/ 10 апреля 2020

Кажется, я не могу воспроизвести переход затухания фона, который вы описываете.

Однако, если вам нужно исключить указанный элемент * и / или свойство c из анимации, Вы можете сделать это следующим образом:

  • Чтобы исключить элемент: 

    *:not(body) {
  transition: all 2s;
}

  • Чтобы исключить свойство: 

    * {
  transition: all 2s, background-color 0;
}

Или для предотвращения перехода background-color на body: 

* {
  transition: all 2s;
}

body {
  transition: all 2s, background-color 0;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...