Как да направите клик ефекти в material design
Здравейте всички! Време е за още нещо интересно -вълните. С помощта на тази библиотека можете да създаватеефекти при щракване в Googlematerial design.
Последвайте връзката:
И вижте примери. В зависимост от това къде щракнете, ефектът ще тръгне оттам. Доста интересно според мен.
Инсталирането на тази красота е много лесно. Изтеглете последната версия от връзката, включете необходимите.jsи.cssфайлове във вашияHTMLдокумент и това е! Готови сме да използваме това разширение.
Добавете извикване на скрипт в тагаhead.
На същия сайт можете да видите примери за код, показващи как да го използвате правилно.
Трябва да добавите ефект към бутоните? Дайте им класа.waves-effectи.waves-button.
Вълнитемогат да се използват и с икони. Използвайте класа.waves-circle.
Ако имате нужда, можете лесно да промените каквото искате в.css файла.
APIе много лек. Има само свойствопродължителност, което показва продължителността на ефекта в милисекунди.
Ето такъв интересен ефект може да се направи с помощта на тази библиотека. Използвайте със здраве!
Благодаря на всички за вниманието и успех!
Добавете ме като приятелVKontakte: http://vk.com/myrusakov. Ако искате да оцените мен и работата ми, напишете го в моята група: http://vk.com/rusakovmy.
Препоръчайте тази статия на вашите приятели:
Ако харесвате сайта, поставете връзка към него (на вашия сайт, във форума, в контакт):
Тя изглежда така:
Коментари ( 2 ):
Здравей Майкъл! Свързах файловете waves.js и waves.css към страницата и след това ги нарекох Waves.displayEffect(), но не работи. Кажете ми, моля, какъв е проблемът?
Здравей Майкъл, можеш ли да покажеш как ще изглежда на html