Новые ответы с меткой

0 голосов

Правильно ли использовать input для выпадающего меню или все же js лучше подключить? middle and up

Я использовал такой метод когда создавал AMP страницы, где нельзя использовать сторонний JS на странице, тогда это оправдано. Что б сохранить дизайн страницы как для стандартной так и для amp версии ...
BlackStar1991's user avatar
0 голосов

Правильно ли использовать input для выпадающего меню или все же js лучше подключить? middle and up

Знаю такой способ создания бургера с использованием input type checkbox для выпадающего меню, но сам его не использую так как проще и правильней это сделать с помощью JavaScript с использованием ...
Dovgal Dima's user avatar
0 голосов

Как сделать анимацию svg заливки цветом?

Если я правильно поняла Вашу задачу, то вот так это можно реализовать <svg height="200px" width="200px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3....
darinka poznyak's user avatar
0 голосов

Как сделать анимацию svg заливки цветом?

Надо смотреть от картинки... если я правильно понял идею, что это прелоадер, то можно так. body { margin: 0; display: flex; align-items: center; justify-content: center; height: 100vh; ...
BlackStar1991's user avatar
0 голосов

Убрать мерцание при ховере изменяеться высота карточки и нижний блок отключаеться и кнопка выпает из блока. при наведении снизу появляеться мерцании

У тебя было несколько синтаксических ошибок в CSS коде, подправил в редакторе кода, вот посмотри результат: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&...
Dovgal Dima's user avatar
0 голосов
Принятый

Как реализовать анимацию при ховере

Там используется спрайт, то есть svg файл с двумя видами стрелки черной и белой, где при наведении изображение меняет свою позицию: .button { display: inline-flex; align-items: center; ...
E1mir's user avatar
  • 2,411
1 голос

Анимация BOUNCE

Поступали предложения вообще избавиться от JS. Dovgal Dima абсолютно прав ! Но мне важно было добить именно ту функцию. Дмитрий помог и я ему благодарен. А вот ответ для любителей CSS: body { ...
serega da's user avatar
1 голос
Принятый

Анимация BOUNCE

// Получаем ширину доступного окна (ширину экрана) const windowWidth = window.innerWidth; // Получаем значение CSS-переменной --wide const catWidthValue = getComputedStyle(document.documentElement)....
serega da's user avatar
0 голосов
Принятый

Анимация изменения фона блока

например так, добавить через псевдоэлемент и очень больной запас left и top при hover. Кнопку придется позиционировать абсолютно, не в том же блоке что и картинка и текст чтобы при ховере не перекрыть ...
Arbery's user avatar
  • 2,271
0 голосов

css animation деформация свг

#lll { animation: skew 10s infinite 0s linear; } @keyframes skew { 0% { transform: skew(0deg); } 50% { transform: skewY(-15deg); transform: skewX(15deg); } 100% { ...
darinka poznyak's user avatar
1 голос
Принятый

Как сделать плавный transition для background-image при :hover

Анимировать можно только измеряемые значения, а фон-картинка к таковым не относится. Можно сделать дополнительный дочерний контейнер, засунуть в него картинку, спозиционировать сверху, сделать opacity:...
Arbery's user avatar
  • 2,271

50 лучших ответов включены