Статьи по теме «CSS»
| CSS3 кнопки без изображений | |||||
|
  Если вы разрабатываете веб-сайт или веб-приложение, вам будут необходимы различные кнопки. Теперь, с помощью CSS3 мы можем создать потрясающие графические кнопки без применения изображений, всего в несколько шагов. Используются HTML символы, градиенты, тени и другие особенности CSS3. Далее »
|
||||
| Эффект старой фотографии на CSS | |||||
|
Возможности активно развивающегося языка CSS3 поистине великолепны. В нем появляется все больше и больше свойств, позволяющих разработчикам работать меньше с Photoshop и больше с кодом. В этом уроке вы узнаете как с помощью одного только CSS кода придать вашему изображению вид старой фотографии. С помощью позиционирования, градиентов и фильтров, вы получите великолепный реалистичный ретро эффект для фотографии без использования графических редакторов. Далее »
|
||||
| Красивая всплывающая подсказка | |||||
|
Если иконка или кнопка на вашем сайте содержит недостаточно текста или вовсе лишена его, или вы просто считаете что пользователям надо пояснить что-то дополнительно, то всплывающие подсказки на CSS, это то, что вам нужно. Доказано, что они многократно повышают юзабилити вашего сайта. Из этой статьи вы узнаете как создавать свои собственные всплывающие подсказки с помощью CSS, без помощи JavaScript или изображений. Далее »
|
||||
| CSS фильтры | |||||
|
На протяжении всего времени, CSS предоставляет нам все больше и больше инструментов, чтобы обходиться без редакторов изображений, будь то 3D трансформации или радиус границы. Однако, недоставало такого инструмента, который мог бы изменять насыщенность, размывать, или иным образом изменять фотографии с помощью одного только CSS. Чтобы решить эту проблему, W3C пришел к CSS фильтрам. С помощью CSS фильтров мы можем достичь многих эффектов, которые применимы не только к изображениям, но и к тексту, и к HTML. Далее »
|
||||
| Необычные горизонтальные линии | |||||
|
В веб-дизайне нередко применяются горизонтальные линии для разделения частей контента, увеличения читаемости текста или в каких-либо иных дизайнерских целях. Горизонтальные линии создаются при помощи тега
|
||||
| 3D трансформации в CSS | |||||
|
В 2009 году, команда разработчиков движка WebKit предложила новое расширение в CSS, которое позволит отображать и трансформировать элементы веб-страницы в трех измерениях. Это предложение было названо 3D трансформации, и вскоре оно было реализовано в Safari для Mac и iOS. Примерно через год, поддержка появилась в Chrome и в 2011 в Android. Но вне WebKit ни один из разработчик браузеров не проявил особого энтузиазма по поводу 3D трансформаций в CSS. Далее »
|
||||
| Как использовать любой шрифт на сайте | |||||
|
Веб-дизайнеры всегда были ограничены очень малым количеством безопасных, веб-совместимых шрифтов. Причиной этому было наличие разных шрифтов на разных компьютерах и операционных системах. CSS3 изменило это, представив свойство, которое позволяет вам использовать любой шрифт на сайте. Из этой статьи вы научитесь использовать свойство
|
||||
| Простая навигация на CSS | |||||
|
Навигация — это ключевая особенность любого сайта, и для любого веб-разработчика или дизайнера, нету ничего важнее создания идеальной навигации. В этой статье мы разберем, как создать отличную навигационное меню используя базовые знания HTML и CSS. Эта навигация будет отличным выбором, если вы не хотите загромождать сайт лишними изображениями и стремитесь к минимализму. Далее »
|
||||
| Выпадающее меню на CSS | |||||
|
В этом уроке вы научитесь создавать современное выпадающее меню на CSS, без применения JavaScript кода. Мы не будем использовать изображения и обойдемся минималистической HTML разметкой. Давайте же узнаем как сделать это красивое выпадающее меню. Далее »
|
||||
| Круглые кнопки на CSS | |||||
|
В этом уроке вы научитесь создавать красивые круглые кнопки на CSS без применения изображений. Эти кнопки используют последние CSS свойства и будут работать во всех современных браузерах. Их можно использовать как на сайте, так и при разработке веб-приложений. Далее »
|
||||