|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
08.10.2017, 14:42 | #1 |
Новичок
Джуниор
Регистрация: 08.10.2017
Сообщений: 2
|
Как сделать анимированную кнопку с картинкой
Добрый день. нужна кнопка с анимацией, внутри кнопки изображение, при наведении на кнопку картинка внутри приближается и немного вертится по оси. пример тут: http://demo.rockettheme.com/joomla-templates/anacron/ (знаю что это не кнопка а слайдер многофункциональный, но мне нужно сделать кнопку с ссылкой. а там ссылки не вставить)
Скриншот блока также прикрепил |
08.10.2017, 15:03 | #2 |
юзер как все
Участник клуба
Регистрация: 10.01.2012
Сообщений: 1,586
|
это просто CSS.
transform: rotate(25deg) и scale. https://www.w3schools.com/css/css3_2dtransforms.asp
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
|
08.10.2017, 15:14 | #3 |
Новичок
Джуниор
Регистрация: 08.10.2017
Сообщений: 2
|
да, но не знаю как сделать границы для картинки. чтобы при увеличении grow (как я понял) картинка урезалась
|
08.10.2017, 15:41 | #4 |
юзер как все
Участник клуба
Регистрация: 10.01.2012
Сообщений: 1,586
|
можно так.
Код:
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как сделать так, что бы текст был рядом с картинкой | Ilg@m | HTML и CSS | 1 | 19.02.2017 13:11 |
как сделать текст рядом с картинкой? | twenty eight | Помощь студентам | 1 | 20.01.2016 19:51 |
Как в дельфи закинуть анимированную картинку? | Argontarg | Общие вопросы Delphi | 6 | 27.01.2014 11:58 |
Как сделать таблицу НАД картинкой, а не под ней??? | Proger16 | HTML и CSS | 5 | 28.04.2013 19:55 |
Как сделать таблицу НАД картинкой, а не под ней??? | Proger16 | HTML и CSS | 2 | 14.04.2013 14:54 |