|
|
CSS3 Animated Loading Bar - leemunroe.com/css3-animated-loading-bar Спокойных загрузчик. ПодробнееСпокойных загрузчик. Вращающаяся полоска. Не настраивается ничего, просто берем код и если хотим, будем править его, не визуально. |
| ➥ |
|
 |
Animate.css - daneden.github.io/animate.css Скачиваем CSS с разного рода стилями. ПодробнееСкачиваем CSS с разного рода стилями для текста, например для ссылки. Как они работают, можно посмотреть, выбирая в выпадающем меню. |
| ➥ |
|
 |
Для тех, кто делает сайты - htmlbook.ru Справочник и самоучитель основы веб-программирования. ПодробнееСправочник и самоучитель основы веб-программирования, того, без чего не обойтись. Справочник хорошо структурированный, понятный и насыщенный информацией. |
| ➥ |
|
|
spin.js - spin.js.org Визуальный генератор загрузчика на CSS3, без картинки. ПодробнееВизуальный генератор загрузчика на CSS3, без картинки. Построен на бегунках. Это круговые палочки. Настраиваем длину, вплоть до квадратиков или закруглим углы и до кружочков. Настраиваем количество и скорость вращения. Прозрачность и направление движения. Код забираем прокрутив страницу. |
| ➥ |
|
 |
fade loading - codepen.io/diegopardo/pen/dGlfC Текст идет волной, почти исчезая и вылазя в 3D. Русский текст работает корректно. Предложено 7 букв, лучше ориентировать на это количество, иначе эффект будет уже не тот. |
| ➥ |
|
 |
Solar System animation - Pure CSS - codepen.io/kowlor/full/ZYYQoy Планеты солнечной системы вращаются в реальном соотношении, только размеры побольше и время летит быстрее, чтобы их было видно. ПодробнееПланеты солнечной системы вращаются в реальном соотношении, только размеры побольше и время летит быстрее, чтобы их было видно. Код написан полностью на CSS, можно взять для своего сайта. |
| ➥ |
|
 |
Cody - codyhouse.co Бесплатная библиотека HTML, CSS, JS nuggets. ПодробнееБесплатная библиотека HTML, CSS, JS nuggets. |
| ➥ |
|
 |
W3Schools - w3schools.com Американский магазин повседневной практичной одежды для мужчин и женщин, белье. ПодробнееОнлайн справочник для желающих изучать веб-программирование. Множество примеров кода, хорошо и легко структурирован, крупный шрифт. |
| ➥ |
|
|
CSSPin - webkul.github.io/csspin/ Коллекция загрузчиков, скачивается вместе и потом выбираем, что нужно. |
| ➥ |
|
|
Trianglify - qrohlf.com/trianglify/ Жмем Generate и получаем случайный фон из разноцветных треугольничков. ПодробнееЖмем Generate и получаем случайный фон из разноцветных треугольничков. Цвета подобраны в тон. Можно прокрутить ниже и уже выбрать самому, задать размер и взять код нашего фона. |
| ➥ |
|
|
SpinKit - tobiasahlin.com/spinkit/ На сайте показан анимированный загрузчик, выполненный в CSS3. ПодробнееНа сайте показан анимированный загрузчик, выполненный в CSS3. Жмем стрелочку и смотрим другой и т.д. Понравилось? Жмем Sourse и берем код. |
| ➥ |
|
|
CSS Arrow Please - cssarrowplease.com На этом сайте можно сгенерировать блок со стрелочкой. |
| ➥ |
|
|
CSS Compressor - csscompressor.com Сжимаем CSS. ПодробнееСжимаем CSS. Закидываем код в поле формы и получаем сжатый вариант. Если сжатие не понравилось, выбираем другой уровень сжатости. |
| ➥ |
|
|
|
Учим HTML&CSS - learn-html.org |
| ➥ |
|
|
 |
Siiimple - siiimple.com Минималистская CSS-галерея. Вручную подобранная коллекция из самых красивых сайтов из интернета. ПодробнееМинималистская CSS-галерея. Вручную подобранная коллекция из самых красивых сайтов из интернета. |
| ➥ |
|
|
|
CSS Information - b10m.swal.org/cgi-bin/cssinfo.cgi |
| ➥ |