animation: pulse размер блока

93
15 марта 2021, 04:20

Всем привет нужно что бы блок плавно увеличивался и уменьшался нашел свойство: animation: animation: pulse 2s infinite; однако рамер блока при увеличении слишмком велик - как сделать что бы блок уменьшался и увеличивался гораздо меньше чем стоит по умолчанию? заранее спасибо за ответ.

Answer 1

Если нужны объяснения спрашивайте ..

.item { 
  width: 100%; 
  height: 200px; 
  background: #ffbb; 
} 
 
body:hover .item { 
  animation: pulse 0.68s ease; 
} 
 
@keyframes pulse { 
  0% { 
    transform: scale(0.6); 
  } 
  50% { 
    transform: scale(0.9); 
  } 
}
<div class="item"></div>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте beauty-health.com.ua
ТОП-10
READ ALSO
Как я могу использовать CLSID(My Computer) в FileDialog(QML)?
c++

Как я могу использовать CLSID(My Computer) в FileDialog(QML)?

Как я могу использовать CLSID(My Computer) в FileDialog(QML), вот так к примеру не работает

 87
Перехват stdout и stderr в С++
c++

Перехват stdout и stderr в С++

У меня есть заданиеНаписать приложение на С++ , которое принимает на вход имя файла, который надо запустить это может быть cmd, bash, exe и т

 87
Как передать в Lua как глобальную переменную класс через this в LuaBridge
c++

Как передать в Lua как глобальную переменную класс через this в LuaBridge

Сначало я объявил в Lua мой класс и функцию из класса которая мне нужна, а как передать экземпляр класса в котором все это происходит я не знаю

 102
Ошибка в коде: OpenCV(4.1.0) Error: Assertion failed ((unsigned)i0 &lt; (unsigned)size.p[0])
c++

Ошибка в коде: OpenCV(4.1.0) Error: Assertion failed ((unsigned)i0 < (unsigned)size.p[0])

Когда запускаю программу, Visual Studio показывает мне код из файла matinl

 114