inuasparwil.ru

Як зробити ефекти при кліці в матеріальному дизайні.

Відео: Cкевоморфізм, плоский і матеріальний дизайн | # 09 ДВВВ

Як зробити ефекти при кліці в матеріальному дизайні.

Всім привіт! Час для чергової цікавої штуки - waves. За допомогою даної бібліотеки можна зробити ефекти при кліці в матеріальному дизайні Google.

Переходьте за посиланням:

Відео: Material Design: Як Включити В YouTube 2016

https://publicis-indonesia.github.io/Waves/

І дивіться приклади. Залежно від того, куди ви виявите, звідти і піде ефект. Досить цікаво, як мені здається.




Встановити цю красу дуже просто. Скачайте останню версію за посиланням, підключіть потрібні .js і .css файли в ваш HTML документ і все! Ми готові використовувати дане розширення.

Додайте в тезі head виклик скрипта.

На тому ж сайті ви можете подивитися приклади коду, де показано, як це правильно використовувати.

Відео: Лера Ткачова "Принципи Material Design"




Потрібно додати ефект до кнопок? Додайте їм клас .waves-effect і .waves-button.

Waves також може бути використаний з іконками. використовуйте клас .waves-circle.

Якщо вам потрібно, то ви можете з легкістю змінити все, що побажаєте, в .css файлі.

API дуже легкий. Там є тільки властивість duration, яке позначає довжину ефекту в мілісекундах.

{
duration:500
}

Ось такий цікавий ефект можна зробити за допомогою даної бібліотеки. Користуйтеся на здоров`я!

Відео: Political Figures, Lawyers, Politicians, Journalists, Social Activists (1950s Interviews)

Дякую всім за увагу і удачі!

Поділися в соціальних мережах:

Схожі
Як анімувати фавіконки на сайті.Як анімувати фавіконки на сайті.
Як встановити іконки завантаження на чистому css.Як встановити іконки завантаження на чистому css.
Неонові хвиліНеонові хвилі
Як зробити можливість оцінювання на css.Як зробити можливість оцінювання на css.
Share buttons. Красиві кнопки соц. Мереж.Share buttons. Красиві кнопки соц. Мереж.
Ефект плавного перегортання на jаvascript.Ефект плавного перегортання на jаvascript.
Красива форма з індикатором заповнення.Красива форма з індикатором заповнення.
Гарний трансформатор іконок - marka.Гарний трансформатор іконок - marka.
Як зробити інтро в стилі "зоряних війн".Як зробити інтро в стилі "зоряних війн".
Як створити кнопку поділитися.Як створити кнопку поділитися.
» » Як зробити ефекти при кліці в матеріальному дизайні.