|
11-11-2015 Применение анимации к CSS свойству content |
|
|
|
Обычно свойство content не участвует в элементах анимации. И зря. С его помощью можно делать довольно-таки интересные вещи. Подробности на демо-странице и в источнике. |
Применение анимации к CSS свойству content
|
11-11-2015 Анимация "лайка" как у Твиттера |
|
|
|
Наверное все, кто пользуется Твиттером уже видели классную анимацию у сердечка, когда нажимается кнопка "мне нравится". Представляем вам готовый пример идентичный оригиналу. Плюс бонус в виде "дизлайка". |
Анимация "лайка" как у Твиттера
|
10-11-2015 Возможности CSS: атака на сайт с помощью юникодов и @font-face |
|
|
|
Сложно представить, что безобидный и любимый всеми нами CSS3 способен на "плохое". Однако реальность такова - для нанесения вреда сайту можно использовать специальные символы и URL в свойствах @font-face. Статья предоставляется в ознакомительных целях. |
Возможности CSS: атака на сайт с помощью юникодов и @font-face
|
09-11-2015 Мини-игра Судоку на чистом CSS |
|
|
|
Всегда интересно посмотреть на пример реализации сложных решений без использования скриптов. Представляем Вам небольшую и всем известную игру Судоку на чистом CSS3. |
Мини-игра Судоку на чистом CSS
|
07-11-2015 Создание не стандартных фигур с помощью CSS и SVG |
|
|
|
Сейчас все чаще можно встретить в Сети сайты с дизайном из блоков необычной формы. Теорию и практику данных фигур расскажет предлагаемая к просмотру статья, в которой описываются пути и средства через CSS3 и SVG элементы. |
Создание не стандартных фигур с помощью CSS и SVG
|
06-11-2015 Применяем Flexbox к видео плееру |
|
|
|
С эрой адаптивного дизайна все стремятся оптимизировать свои сайты под любой экран или устройство. Безусловно, это очень необходимо и актуально. Но есть вещи, которые трудно подогнать к требуемому стандарту. Вычеркиваем из этого списка видео плеер благодаря Flexbox CSS3. |
Применяем Flexbox к видео плееру
|
06-11-2015 Создание грамотного параллакс-эффекта с помощью CSS |
|
|
|
Все мы когда-нибудь видели параллакс-эффект при прокрутке страницы. Существует много плагинов на jQuery, которые помогают с легкостью воссоздать этот эффект. Однако, некоторые считают, что достаточно с помощью background-attachment зафиксировать изображение... Смотрим и учимся. |
Создание грамотного параллакс-эффекта с помощью CSS
|
31-10-2015 Реверсивное изменение цвета текста с помощью CSS3 |
|
|
|
Думаю многие дизайнеры и верстальщики сталкивались с проблемой отображения текста на различных цветных изображениях (когда страдает читабельность). В представленной статье показаны варианты решения данной проблемы. |
Реверсивное изменение цвета текста с помощью CSS3
