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

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

2 954

30 октября 2016 в 13:13

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

CSS3 за последнее время вместе с HTML5 стали мощными технологиями, которые позволяют создавать практически полноценные веб игры без использования сторонних технологий.

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

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

Просмотреть можно здесь

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

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

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

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

Просмотреть можно здесь

Спойлеры

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

Просмотреть можно здесь

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

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

Слайдеры

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

Посмотреть можно здесь

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

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

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

10 ошибок новичков, которые ломают карьеру до старта

Пишем код правильно. Принципы: KISS, DRY, BDUF и YAGNI

Самые дорогие компьютерные баги в истории!

Почему Python – лучший выбор для машинного обучения

Комментарии