Как оформить анимацию при пролистывании страницы?
Имеется анимация отображения текста при пролистывании, так же рядом с текстом расположен пустой div: .animation-position { border-right: #d0d0d0 3px solid; height: 25em; margin-le…
Вопросы по тегу: css-animation
- 1 ▲0 ответ.
- 0 ▲0 ответ.
Рассчитать временные метки относительно анимации на CSS по уравнению Безье
Есть приложение на Vue.js. Стоит задача реализовать колесо рулетки. При нажатии на кнопку, с бека приходит сгенерированное значение (номер сектора). Колесо должно сделать 4 полных…
- 2 ▲1 ответ.
Как реализовать анимацию появления кривых линий?
При загрузке страницы , должны появляться линии по направлению точки(левые направо , правые налево), в конце анимации ,на каждой появляется точка.
- 0 ▲1 ответ.
Как плавно убрать задний фон при нажатии?
Сделал смену заднего фона через keyframe с opacity от 0 к 100%, как сделать чтобы при повторном нажатии на кнопку меню цвет не резко переключался на основной, а так же плавно пере…
- 0 ▲2 ответ.
css/html анимации
как сделать блок в который можно поместить ссылки и он с помощью кнопки выдвигался ( с права на лево )? ( по началу его не должно быть видно )
- 0 ▲2 ответ.
помогите с плавной анимацией "hover", нужно чтобы плавно появлялось и пропадало
.glaz { display: none; position: absolute; top: 60px; left: 50px; } .kartinka:hover + .glaz { display: block; } <body> <img class="kartinka" src="./wear1.jpg" alt="cloth"…
- -1 ▲1 ответ.
Почему не работает свойство hover?
Вот мой код, я хочу сделать подчеркивание при наведении на input. .form_field_container::after { content: ""; position: absolute; bottom: -2px; height: 2px; background-c…
- 1 ▲1 ответ.
Как создать эффект загрузки сайта с анимацией уезжающих вверх и вниз чёрных полос?
Как создать такую же анимацию при загрузки сайта как здесь Hyam. Без надписи, чтобы при открытие сайта анимированно верхняя часть чёрной полосы уезжала вверх, а нижняя вниз. Желат…
- 0 ▲0 ответ.
Повторяющийся элемент без JS
Подскажите, возможно ли создать повторяющийся элемент DOM дерева без JS (тоесть он только визуально должен отображаться)? Приведу пример body { overflow-x: hidden; margin: 0; font…
- 0 ▲4 ответ.
Как сделать фильтры в виде switcher'а
Подскажите пожалуйста как сделать фильтры в виде switcher'а. Не получается оформить их в css Мой код: <style> .filter-border-design { border-radius: 55px; height: 50px; back…
- 1 ▲1 ответ.
При css анимации отключается border-radius
Имеется кнопка: <button class="l radial green"><icon class="l check"><hr><hr></icon></button> она круглая и overflow: hidden. При нажатии на не…
- 1 ▲2 ответ.
Выдвигающийся элемент с контеном при наведении
Подскажите пожалуйста решение.. Адаптивная верстка, выводятся картинки товаров в каталоге.. Нужно при наведении что бы выдвигался с низу блок с информацией. на подобие как тут ...…
- 1 ▲3 ответ.
Загибающийся уголок на CSS
Ребята помогите разобраться как доделать hover на картинке. Вот то что должно быть: А вот что получилось у меня Не могу придумать как убирать/показывать белую картинку, но без ее …
- 0 ▲1 ответ.
Анимация ожидания ответа ajax-запроса
Можно ли сделать анимацию загрузки такую, как на этом видео: тыЦ. Это анимация из samsung touchwiz android 5.0. Как сделать такую на javascript или css3? И возможно ли сделать так…
- 1 ▲1 ответ.
Как сделать солнечный блик на блоке?
Здравствуйте! Есть необходимость имитировать эффект солнечного блика на блоке! Как это сделать? Просто, может, видели где подобное, чтобы посмотреть, или вообще тотуриал есть. Дум…
- 0 ▲1 ответ.
Куда девается css transition?
Добрый день. Схема такая: "аппендю" элемент родителю; навешиваю класс родителю с анимацией для ребёнка. Вот песочница: http://jsfiddle.net/fk1b1swx/1/ Почему css transition не сра…
- 2 ▲4 ответ.
Как сверстать адаптивную рамку над фоном с градиентом?
Изображения использовать нельзя. Рамка должна быть резиновой. Проблема в том, что она располагается над фоном с градиентом, и получается так, что уголок снизу отличается цветом, е…