Ссылки на различные ресурсы на которых можно создать или обработать графические файлы
Речь в данной заметке пойдет не о сайтах, на которых можно сжать или изменить формат изображений (о них будет чуть позже), а именно о создании и обработке.
Оригинальный эффект, который ставит и стирает галочки на полях checkbox карандашом
Данный вариант не использует графику и какие-либо библиотеки. Карандаш сделан линейным градиентом, а галочка закодирована в base64
Эффект круговой пульсации при наведении на кнопку, ссылку или блок
Красивый hover-эффект с использованием CSS3 и JavaScript
Адаптивная сетка из шестиугольников для фотогалереи или кратких информационных блоков
Плагин jQuery animatedModal.js для создания анимированных полноэкранных модальных окон
animatedModal.js — это легкий плагин jQuery для создания полноэкранного модального окна с использованием CSS3 переходов. Эффекты открытия и закрытия окна берутся из набора animate.css.
Набор CSS классов для анимации различных элементов на сайте
Для использования animate.css на сайте нужно просто установить стили и затем подключать к нужным блокам понравившиеся эффекты.
Замена стандартной вертикальной полосы прокрутки на пользовательскую скриптом fakeScroll
С одной стороны полосу прокрутки можно оформить средствами CSS, но это поддерживается не во всех браузерах и уровень настроек сильно ограничен.
С другой стороны, есть мощные плагины с массой настроек, в которых зачастую нет необходимости.
fakeScroll — очень легкий скрипт (4.1кб) для стилизации вертикальной полосы прокрутки без использования библиотек. А только это в основном и требуется, например, для оформления ограниченного по высоте блока с большим количеством информации.
Эффект фонарика или прожектора для блока с использованием CSS и jQuery
Вот фонарик очень нужный
И бесценный инструмент,
Лучик света он подарит
В темный блочный элемент.
3 варианта создания трехмерного текста на CSS
Все примеры в данной заметке имеют ховер-эффект.
Работаю с ним более 10 лет!
От 119 рублей в месяц
