Анимационный логотип
Эффект довольно любопытный, не требует особых знаний
В папке где лежит шаблон, путь (•catalog •view •theme •Ваша тема •stylesheet и открыть файл stylesheet.css)
Открыть с помощью блокнота и вставить в любое место код:
#logo img{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-timing-function:ease} #logo a:hover img{-webkit-animation-name:tada;-moz-animation-name:tada;animation-name:tada} @-webkit-keyframes tada{0%{-webkit-transform:scale(1)} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0)} } @-moz-keyframes tada{0%{-moz-transform:scale(1)} 10%,20%{-moz-transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)} 100%{-moz-transform:scale(1) rotate(0)} } @keyframes tada{0%{transform:scale(1)} 10%,20%{transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)} 40%,60%,80%{transform:scale(1.1) rotate(-3deg)} 100%{transform:scale(1) rotate(0)} }
Готовый vqmod файл [button size=”small” color=”red” style=”none” new_window=”false” link=”http://www.feofan.net/wp-content/uploads/2013/09/CSS-Animations-Logo.rar”]Скачать[/su_button]Shaking-logo
Comments ( 8 )
а можно где то демку посмотреть ?
http://www.opencart.com/index.php?route=extension/extension/info&extension_id=10074
Free Floating Logo [VQMOD]
Не понял как установить. У меня тема не дефолтная,а бутстрап. Опенкард 1.5.4.1. Все сделал, но ничего не менется
Просто скачай ето http://feofan.net/wp-content/uploads/2013/09/CSS-Animations-Logo.rar скопируй его и все будет работать
Увы,не хочет, возможно бутстрап такие стили не поддерживает,или называются они иначе..поэтому не работает вообщем
Скинь мне файл путь (•catalog •view •theme •Ваша тема •stylesheet файл stylesheet.css) Только не проеби))) выбери свою тему
чё за подстава, очень много что хотел скачать, при нажатии или копи ссылки, пишет
Rar!�ϐs��
�������P`t �F���K��X��ȁ��D3!� ���vqmod\xml\CSS Animations Logo.xml���FW
����{Y�F�`QW���(�bQo�^pN�Sh6�A��}މ\���ZZm:�M7o)��x�Û����xww ӛ�H��fxcp����C��#o�Ξ��^��4�8�f�f�|�F�XΩY]��^�<h�h����|�.T9u_�L��(Gy�A@�%t��r�0�)�����,H�4� �ȘD�¤�@4Rj��o<����ӈ��Y:�����}? �K�zfD�d���W0
1`�OI���T�ay�|�s
�5_��q�V|$֊�"�s�F�&�
Kg`m���Tv��u ���]�'h�� �x���љ"���I,v���\)ua�����,\h��Grek��-�s�?
��� �D-��N�vgh�UUq �)[�����5�3фs�ldvd��RB%hN���y���K��U��+��3$�H��!o�~N�`k���k��j�Z���^��߾�V�kR*�d%*�U��X�[X�ՍX�ܿ7%뾬������v˻�����ܵ#��WV'�Åm��}���.+:$U���t��.����������������D0 ����vqmod\xml���=.t��*����������������D0����vqmod���
K�={�@�
ну или типа того, с данного "скачать" выдало это!)
В чем косяк?
Ошибка в определении mime types такое бывает иногда с некоторыми браузерами либо виной может оказаться настройка CMS.
В общем если такая ошибка вылазит делай так: Правый клик по кнопке “Скачать” и выбираешь “Сохранить объект как…”
Все работает спасибо! Круто!)
так и не понял что делает.так как не работает ни по какой инструкции даже на дефолтной
а ннет.работает.при наведении на лого.оно шоволится.гы.кстати очень даже можно примименить и к другим элементам.например к кнопке купить или в корзину,сделать его вращающимся как на многих лендинговых сайтах,спасыбо
в IE11 у меня не работает, в мозиле все ок