Честно стырено с habr. 1. Верстаем основу Для реализации слайдера нам понадобится довольно простой набор тэгов, которые будут в свою…
Слайдер сделан с помощью связки <input> и <label for=”#id”>. Вся магия происходит на уровне селектора #button-N:checked ~ .slider-inner .slider-slides. Когда…
HTML часть. Не забываем подключить jquery. <!DOCTYPE html> <html lang="en"> <link rel="stylesheet" href="css/burger_menu.css"> <head> <meta charset="UTF-8"> <title>Burger menu</title> </head> <body>…
HTML часть <div class="section"> <div class="container"> <div class="card"><img src="https://codyhouse.co/demo/3d-animated-mockup/img/cd-app-image.png" alt=""></div> <div class="card"><img src="https://codyhouse.co/demo/3d-animated-mockup/img/cd-app-image.png" alt=""></div> <div class="card"><img src="https://codyhouse.co/demo/3d-animated-mockup/img/cd-app-image.png" alt=""></div> <div class="card"><img…
При наведение на какую-либо область, выезжают и поворачиваются блоки. HTML часть <div class="section"> <div class="phone"> </div> <div class="tablet"> </div> <div…
HTML часть <div class="wrap"> <div class="card"> <div class="front"><span>Front</span></div> <div class="back"><span>Back</span></div> </div> </div> (далее…)