Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 February 19

IN

Igor N in HTML/CSS — русскоговорящее сообщество
псевдоэлемент
источник

ТБ

Тимофей Бруштейн... in HTML/CSS — русскоговорящее сообщество
между левой и правой колонками
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
width: 100%
источник

in HTML/CSS — русскоговорящее сообщество
Всем привет
Кто-нибудь знает как можно реализовать бесконечное покачивание картинки влево-вправо, при наведении
источник

е

его имя роберт полсо... in HTML/CSS — русскоговорящее сообщество
Всем привет
Кто-нибудь знает как можно реализовать бесконечное покачивание картинки влево-вправо, при наведении
Гугли @keyframes
источник

in HTML/CSS — русскоговорящее сообщество
Ну я с помощью его и делаю, у меня не получается сделать так, чтобы картинка не притормаживала, т.е. чтобы вела себя примерно как маятник
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Тимофей Бруштейн
Переслано от Тимофей Бруштейн
Ребят как бы правильно реализовать данный блок? Есть идеи? Либо готовые варианты?
попробуй вот так например: https://output.jsbin.com/tuwucox

здесь точки сделаны цсс-градиентом
источник

ТБ

Тимофей Бруштейн... in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
попробуй вот так например: https://output.jsbin.com/tuwucox

здесь точки сделаны цсс-градиентом
спс большое) самое то
источник

е

его имя роберт полсо... in HTML/CSS — русскоговорящее сообщество
Ну я с помощью его и делаю, у меня не получается сделать так, чтобы картинка не притормаживала, т.е. чтобы вела себя примерно как маятник
Попробуй поиграться с процентами и плавностью анимации
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Ну я с помощью его и делаю, у меня не получается сделать так, чтобы картинка не притормаживала, т.е. чтобы вела себя примерно как маятник
такой маятник необходим?
https://output.jsbin.com/xakozar
источник

in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
такой маятник необходим?
https://output.jsbin.com/xakozar
Да
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
если важно чтобы анимация не дёргалась когда мышь уводишь, то надо ещё подумать )
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
там хитрость в том что анимация c alternate и отрицательным delay
источник

in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
там хитрость в том что анимация c alternate и отрицательным delay
Я понял что нужно, чтобы анимация заканчивалась на начале, получиться непрерывность
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Я понял что нужно, чтобы анимация заканчивалась на начале, получиться непрерывность
да, там скорее всего надо какуюнить хитрость применить . возможно с транзишынами.
https://output.jsbin.com/xakozar переоткрой - там ховер не сохранился в прошлый раз
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
width: 100vw;
height: 100vh;
А позиционировать абсолютом?
источник

in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
да, там скорее всего надо какуюнить хитрость применить . возможно с транзишынами.
https://output.jsbin.com/xakozar переоткрой - там ховер не сохранился в прошлый раз
Ок, спасибо, вроде все получилось
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
killcode
А позиционировать абсолютом?
Да
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
только относительно кого?
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
killcode
только относительно кого?
если есть возможность то относительно вьюпорта )
источник