Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Максим
@maxnrg33
верстальщик
JavaScript
HTML
CSS
Как сделать такую анимацию?
Подскажите как сделать анимацию, чтобы слева направо заполнялось синим фоном..
Вопрос задан
более трёх лет назад
1088 просмотров
Комментировать
Подписаться
10
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
6
HamSter
@HamSter007
HTML/CSS верстальщик
greensock
в помощь!
пример*
Ответ написан
более трёх лет назад
Комментировать
Нравится
4
Комментировать
Facebook
Вконтакте
Twitter
Grigory
@ggdev
На SVG, анимировать path.
Ответ написан
более трёх лет назад
6
комментариев
Нравится
3
6
комментариев
Facebook
Вконтакте
Twitter
Максим
@maxnrg33
Автор вопроса
это трудно так сделать ?
Написано
более трёх лет назад
Grigory
@ggdev
maxnrg33
:
codepen.io/jordanwade/pen/efbEp
Написано
более трёх лет назад
Максим
@maxnrg33
Автор вопроса
Grigory S.
: а если просто картинка в svg.. как узнать path
Написано
более трёх лет назад
Grigory
@ggdev
maxnrg33
: откройте её в текстовом редакторе
Написано
более трёх лет назад
Максим
@maxnrg33
Автор вопроса
попробую
Написано
более трёх лет назад
farlow
@farlow
Grigory S.
: Шикарно!
Написано
более трёх лет назад
farlow
@farlow
2 картинки - одна с синей полоской, другая нет
та что с синей - фоном в слое, который лежит сверху и ширину слоя увеличиваем постепенно до 100%
Ответ написан
более трёх лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Олег
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Как вариант на основе плагина jqwery jqplot
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Kensha
@Kensha
Учусь
snap.svg
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
nuclear_kote
@nuclear_kote
Можно чистым css сделать сверху делаем картинку с альфа каналом и дырками дырками где будет анимация,а снизу делаем через css анимацию чтобы фон заполнялся синим слева направо
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
farlow
@farlow
ага, я то же самое предложил
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
1 подписчик
2 часа назад
23 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
1 подписчик
7 часов назад
101 просмотр
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
10 часов назад
50 просмотров
0
ответов
JavaScript
+3 ещё
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
вчера
192 просмотра
1
ответ
JavaScript
Простой
Как отображать HTML в виде текста, но и не поломать markdown?
1 подписчик
03 июл.
135 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как создать плиточное меню WP с различным кеглем, по мере варьирования числа постов в категориях?
1 подписчик
02 июл.
89 просмотров
1
ответ
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
166 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
92 просмотра
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
103 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как можно получить такой список ссылок?
1 подписчик
01 июл.
197 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама