Как сделать переход в заголовок и обратно в CSS - PullRequest
Новая
       42

Как сделать переход в заголовок и обратно в CSS

0 голосов
/ 25 мая 2020

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

h1 {
  font-size: 40px;
  text-align: center;
  color: crimson;
  margin: 0 10% 20px 10%;
  padding-bottom: 15px;
  border-bottom: 2px solid crimson;
}

h1:hover {
  font-size: 45px;
  transition: 0.3s;
}
<h1>Simple Text</h1>

Ответы [ 2 ]

0 голосов
/ 25 мая 2020

Все правильно, но вам нужно поместить переход только в h1, а не в h1: hover.

Итак, если вы измените его на это, он должен работать: 

h1 {font-size: 40px;text-align: center;color: crimson;margin:0 10% 20px 10%;padding-bottom: 15px;border-bottom: 2px solid crimson; transition: 0.3s;}
h1:hover {font-size: 45px;}
0 голосов
/ 25 мая 2020

Я думаю, вы пытаетесь достичь чего-то подобного.

, который должен применить этот переход изначально к h1, а не только к :hover. 

     h1 {
            font-size: 40px;
            text-align: center;
            color: crimson;
            margin: 0 10% 20px 10%;
            padding-bottom: 15px;
            border-bottom: 2px solid crimson;
            transition: 0.3s;
        }

        h1:hover {
            font-size: 45px;
        }
<h1>Simple Text</h1>
...