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

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

STAR WARS

Великолепный сайт на тематику звездных войн.

Звездные войны Посмотреть живой пример

Loader…

Анимированный цветной loader на CSS. Автор: Ezeckhiel (@ezeckhiel)

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

Веселые буквы

Интерактивная разноцветная надпись на JS. Реагирует на курсор мыши Автор: Оochem (@jochem)

Живая разноцветная надпись Посмотреть живой пример

Нить

Интерактивная линия следует за курсором на JS. Автор: Джошуа Занг (@toruta39)

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

Геометрия

Интерактивная 3D-сцена на JS. Можно менять сцены. Автор: Тэд Аркери (@teddarcuri)

3D сцена Посмотреть живой пример

Движение молекул

Анимация в виде хаотично передвигающихся неоновых молекул на JS. Автор: Алекс Пермяков (@alexpierre)

Живые молекулы Посмотреть живой пример

Мир Йоши

Интерактивная 3D-сцена на JS. Всем любителям серии игр про Марио понравится сцена из мира Йоши. Автор: Жерар Феррандэ (@ge1doot)

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

Hover

Подборка хороших эффектов наведения на ссылку на CSS. Автор: Тиган Линкольн (@teeganlincoln)

Эффекты наведения на ссылку Посмотреть живой пример

Песчаная буря

Анимация неоновых точек в виде вихря на JS. Автор: Мусса Дембеле (@mousman)

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

Парк аттракционов

Интерактивная 3D-сцена парка аттракционов на JS. Обязательно попробуйте поменять вид. Автор: Саша Сигл (@SaschaSigl)

Парк аттракционов Посмотреть живой пример

P.S. Это тоже может быть интересно:

4 Комментарии

  1. Юля

    Веселые буквы — битая ссылка, вот рабочая http://codepen.io/choetkiller/pen/vNNpqJ

    1. Максим Усачев

      Упс, спасибо, Юля, поменял:)

  2. Borchun

    Доброго времени. Не подскажете как «Веселые буквы» с русским подружить?

    1. SelenIT

      Судя по всему, надо добавить описание русских букв в скрипт alphabet.js. Как он устроен, поясняется здесь.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.