/
XPLAY
/
StylishAnimations
Обзор
Документация
Войти
/
XPLAY
/
StylishAnimations
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
112 строк
4 KB
XPLAY
First commit
29 янв 2026, 16:32
29 янв 2026, 16:32
c2ea94c
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Stylish Animations</title> <link rel="icon" type="image/svg+xml" href="favicon.svg"> <link href="assets/css/style.css" rel="stylesheet"> </head> <body> <header class="no-select"> <div class="header-title"> <img src="favicon.svg"> <h1>Stylish Animations</h1> </div> </header> <main> <div class="card"> <div class="card-presentation"> <button id="disappearing_button" class="disappearing-button no-select"> <p>Исчезающая кнопка</p> </button> </div> <div class="card-description"> <p>Анимация исчезновения кнопки</p> </div> </div> <div class="card"> <div class="card-presentation"> <button id="shaking_button" class="no-select"> <p>Трясущаяся кнопка</p> </button> </div> <div class="card-description"> <p>Анимация тряски кнопки</p> </div> </div> <div class="card"> <div class="card-presentation"> <button class="rotatable-button no-select"> <img src="assets/img/rotate.svg"> </button> </div> <div class="card-description"> <p>Анимация поворота при наведении</p> </div> </div> <div class="card"> <div class="card-presentation"> <button id="recolorable_button" class="recolorable-button no-select"> <p>Перекрашиваемая кнопка</p> </button> </div> <div class="card-description"> <p>Анимация перекрашивания кнопки</p> </div> </div> <div class="card"> <div class="card-presentation"> <button class="squeezable-button no-select"> <p>Сжимаемая кнопка</p> </button> </div> <div class="card-description"> <p>Анимация сжатия кнопки</p> </div> </div> <div class="card"> <div class="card-presentation"> <button class="pulsating-button no-select"> <p>Пульсируюущая кнопка</p> </button> </div> <div class="card-description"> <p>Анимация пульсации кнопки</p> </div> </div> <div class="card"> <div class="card-presentation"> <button class="rotating-button no-select"> <img src="assets/img/repeat.svg"> </button> </div> <div class="card-description"> <p>Анимация зацикленного вращения</p> </div> </div> </main> <script src="assets/js/fix-body-height.js"></script> <script src="assets/js/change-position-header.js"></script> <script src="assets/js/anim-disappearing-button.js"></script> <script src="assets/js/anim-shaking-button.js"></script> <script src="assets/js/anim-recolorable-button.js"></script> </body> </html>