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

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

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

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

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

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

CSS-LIVE 23.02.2018 в 07:54

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

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

Подборка свежих эффектов, интересных идей и полезных наработок. «Волк Шредингера»

Кликом справа или слева вы изменяете ширину синего блока.

Технологии: CSS, CSS-анимация, CSS-трансформации, transition, mo.js (Motion Graphics for the Web).

Автор: Jean (@jeankvd)

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

Одинокое дерево

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

Автор: Жерар Феррандес (@ge1doot)

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

Плавный скролл и «прилипающее» меню

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

Автор: Правейн Бишт (@prvnbist)

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

«Конструктор» гамбургера

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

Технологии: SVG, CSS, Vue.js, Anime.js.

Автор: Тиффани Чхонг (@tiffachoo)

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

CSS-портрет со сменой прически

Навигацией слева можно менять волосы.

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

Автор: white pallet (@WhitePallet)

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

Бесконечный туннель

Наведением курсора можно менять направление обзора.

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

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

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

Блокноты Moleskine

Анимация при наведении.

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

Автор: Оливия (@oliviale)

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

Бесконечность

Технологии: CSS, GLSL, Three.js.

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

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

Текст и рамка

Текст внизу можно менять. Длина рамки будет тоже соответственно уменьшаться или увеличиваться.

Технологии: CSS-гриды.

Автор: Дэвид Дарнс (@daviddarnes)

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

Интересный дизайн фото и текста

Можно наводить курсором на текст и фото.

Технологии: SVG, SVG-фильтры.

Автор: Lisi (@lisilinhart)

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

Бегущий человечек на CSS

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

Автор: Юсуке Накая (@YusukeNakaya)

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

Текст из молнии

Внизу есть поле для ввода. Туда можно ввести свой текст.

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

Автор: Во Хай Данг (@haidang)

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

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

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

Как использовать свойство order во флексбоксах, не вызывая хаоса 18.02.2018 в 18:18

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

CSS-гриды + CSS-колонки = ♥ 13.02.2018 в 12:34

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

Ссылки против кнопок в современных веб-приложениях 09.02.2018 в 10:47

Вникаем в механизмы Redux, делая своё хранилище (Store) 04.02.2018 в 12:21

Гриды 2 уровня не за горами! 03.02.2018 в 17:15

Новые спецификации CSS-селекторов 02.02.2018 в 18:01

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

Вы освоили азы JavaScript. Но что дальше? 28.01.2018 в 10:21