Каталог RSS-каналов
Статистика

RSS-каналов в каталоге: 3393

Добавлено сегодня: 0

Добавлено вчера: 0

Hi-Tech / Интернет

Еженедельная подборка красивых эффектов на CSS/SVG/JS #67

CSS-LIVE 22.12.2017 в 12:39

Жизнь во фронтенде

Еженедельная подборка красивых эффектов на CSS/SVG/JS #67

Подборка свежих эффектов, интересных идей и полезных наработок. Эффект с подчеркиванием при наведении на ссылку

Технологии: CSS-анимация.

Автор: Мехмет Бурак Эрман (@mburakerman)

Посмотреть живой пример

Оптическая иллюзия с цветными кругами

Посмотрите на два круга: кажется, что это голубой и зелёный. На самом деле они одного и того же цвета циан.

Технологии: SVG.

Автор: Эллиот Гено (@pyrografix)

Посмотреть живой пример

Трансформации героев фильма «Звездные войны: Последний джедай» из многоугольников

Навигация по героям — над портретами, нажимайте на кнопки для перехода. Это пятая часть серии. Ссылки на предыдущие эпизоды стоят ниже.

Технологии: CSS-трансформации, CSS-анимация, transition.

Автор: Ллойд Джеймс (@LloydJames)

Посмотреть живой пример

Рассечение текста

Технологии: SVG clip-path, CSS-анимация, CSS-трансформации.

Автор: Микаэль Айналем (@ainalem)

Посмотреть живой пример

Тени у кнопок

Подводя курсор под разными углами, обратите внимание на реалистичное поведение теней кнопок.

Технологии: WebGL, JS.

Автор: Джо Пи (@trusktr)

Посмотреть живой пример

SVG-трансформации этапов процесса

Нажмите на стрелочку для перехода к следующему этапу.

Технологии: SVG, CSS, GreenSock.

Автор: Питер Биесманс (@pieter-biesemans)

Посмотреть живой пример

Анимация «Первичный бульон»

Перемещайте курсор для изменения скорости анимации. На заметку: «Первичный бульон» — научный термин, связанный с теорией возникновения жизни на Земле.

Технологии: GLSL, JS.

Автор: Лиам Эган (@shubniggurath)

Посмотреть живой пример

Анимация с красной точкой

Точка следует за курсором.

Технологии: canvas, JS.

Автор: Донд Лапера (@gotoandplaynowtoo)

Посмотреть живой пример

Открытка с Рождественской ёлкой

Технологии: SVG, CSS, GreenSock.

Автор: Крис Гэннон (@chrisgannon)

Посмотреть живой пример

Анимация «Как должен работать файрвол»

Технологии: SVG, GreenSock.

Автор: Карла (@ckroll17)

Посмотреть живой пример

Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях.

Другие записи ленты

Еженедельная подборка красивых эффектов на CSS/SVG/JS #66 15.12.2017 в 07:20

Новая политика WHATWG: шаг к единому стандарту HTML? 12.12.2017 в 08:17

Еженедельная подборка красивых эффектов на CSS/SVG/JS #65 08.12.2017 в 06:11

Еженедельная подборка красивых эффектов на CSS/SVG/JS #64 01.12.2017 в 22:48

Всё, что вам нужно знать о CSS-in-JS 25.11.2017 в 17:57

Еженедельная подборка красивых эффектов на CSS/SVG/JS #63 24.11.2017 в 12:54

«Запашки» CSS-кода 19.11.2017 в 11:44

Еженедельная подборка красивых эффектов на CSS/SVG/JS #62 17.11.2017 в 12:45