/ it Новости / Потрясающие примеры современного CSS3

Потрясающие примеры современного CSS3

Потрясающие примеры современного CSS3

30 октября 2016 в 13:13
Раньше для создания простых заданий необходимо было использовать JavaScript, сегодня же все это можно заменить благодаря CSS3. Мы покажем несколько примеров, в которых нету ни единой строки JavaScript, хотя кажется что есть!
CSS3 за последнее время вместе с HTML5 стали мощными технологиями, которые позволяют создавать практически полноценные веб игры без использования сторонних технологий.

Красивые подсказки при наведении

Ранее подобный функционал можно было реализовать только на JavaScript или, к примеру, jQuery, но сегодня это просто HTML + CSS.

Поля ввода текста

Сделать анимацию раньше вообще было очень сложно, но теперь все это делается просто, а главное красиво.

Красивая анимация по клику

И снова анимация, очень красиво, просто, а главное без использования JavaScript.

Спойлеры

Очень удобные вещи, помогают скрывать ненужную информацию и показывать только по желанию пользователя.

Модальные окна

Думаю все вы когда-либо видели различные модальные окна на сайтах. Вот только теперь их можно делать без особой перегрузки сайта с боку различных языков программирования.

Слайдеры

Отличные вещи, правда очень нагружают сайт. По крайней мере, все это теперь возможно делать при помощи CSS3.

Раскрывающийся список

Отлично реализованный раскрывающийся список, выполненный как всегда на CSS + HTML.

Небольшая игра

Ну и напоследок, настоящая небольшая веб игра, выполненная без применения каких-либо посторонних языков программирования. Можете сыграть в нее, правда звук в ней нельзя выключить :)

See the Pen Zero lines JS game by Alexander Majorov (@i0z) on CodePen.


Больше интересных новостей