|
30-09-2015 Как сделать "вырезанный текст" на сплошном фоне |
|
|
|
Подробный мануал по тому, как правильно сделать "knockout"-текст (с прозрачным фоном, через который виден бекграунд). В статье описываются способы с помощью CSS3 и SVG, а также преимущества и недостатки каждого из методов. |
Как сделать "вырезанный текст" на сплошном фоне
|
29-09-2015 Shift.css - инструмент для создания анимаций |
|
|
|
Shift.css - это небольшой фреймворк, который обеспечивает простую структуру стилей, чтобы построить качественную CSS анимацию. С помощью данного инструмента вы сможете добавлять различные варианты анимации к любым элементам HTML. |
Shift.css - инструмент для создания анимаций
|
29-09-2015 Решение проблемы с длинными словами с помощью CSS |
|
|
|
Думаю, многие из вас когда-то встречались с проблемой переноса длинных слов в своих проектах. В статье приведены все возможные на данный момент свойства CSS, с помощью которых можно сделать длинные слова аккуратными и не наносящими большого вреда. |
Решение проблемы с длинными словами с помощью CSS
|
25-09-2015 Мини-игра на чистом CSS3 и HTML |
|
|
|
Пример всем известной игры Duck Hunter, который создан без единого скрипта. Секрет реализации прост: анимация CSS и активные checkbox'ы. Также стоит отметить решение вопроса о подсчете очков - используется свойство content:counter; |
Мини-игра на чистом CSS3 и HTML
|
25-09-2015 Креативный прогресс-бар на SVG |
|
|
|
Представляем вам оригинальную полосу загрузки на SVG и CSS3. Автор действительно постарался придать интерактивности своему примеру. При клике на определенную кнопку появляется прогресс-бар с индикатором отсчета в процентном соотношении. Управлять скоростью анимации можно через параметры. |
Креативный прогресс-бар на SVG
|
24-09-2015 Как применять стили к placeholder'ам форм |
|
|
|
Абсолютно уверена, что почти каждый фронтенд-разработчик сталкивался с проблемой: как оформить и применить стили к элементу формы input - placeholder'у. С помощью специальных правил в CSS3 можно оформлять данный атрибут как вам захочется. В статье вы найдете ответы на все вопросы, касающиеся данной темы. |
Как применять стили к placeholder'ам форм
|
23-09-2015 SVG Modal -всплывающее окно на с помощью SVG |
|
|
|
Эластичное модальное окно созданное с помощь. SVG, CSS3 и jQuery. При клике на кнопку получаем "гибкое" всплывающее окно, в которое можно поместить все что угодно, на ваше усмотрение. |
SVG Modal -всплывающее окно на с помощью SVG
|
22-09-2015 Использование поэтапной анимации CSS с помощью transition |
|
|
|
Данная статья будет полезна как новичкам, так и опытным разработчиков. В ней рассказывается, как правильно добиться поэтапной анимации с помощью мульти-классов CSS3 свойства transition. |
Использование поэтапной анимации CSS с помощью transition
