Записи, помеченные ‘css3’

• 

  Создание интересной кнопки с использованием CSS3

  Сегодня мы научимся создавать интересную кнопку при помощи CSS3. Мы стараемся использовать тег <button>, а не <input type="submit" />, но, что бы вы не предпочли, стиль по умолчанию будет зависеть от вашей операционной системы. Это может несколько расстраивать... Давайте создадим более интересную кнопку, используя стили CSS3, анимацию и трансформации:

  Далее... 4 Комментариев »
• 

  Расположение текста столбцами с использованием CSS3

  CSS3 предоставляет новый способ расположения текста при помощи модуля расположения текста столбцами. Это свойство CSS3 поможет вам разбить текст на столбцы без дополнительной разметки, такой как плавающие блоки или дополнительной разметки таблиц.

  Далее... Нет комментариев »
• 

  Знакомство с псевдоклассом CSS3 :target

  Псевдокласс :target – одна из интересных возможностей CSS3. Он соответствует элементу, который является целью идентификатора в URI документа. Этот идентификатор содержит в URI символ «#», за которым следует имя идентификатора, которое соответствует значению атрибута id элемента в документе.

  Далее... 1 Комментарий »
• 

  Создание логотипа Volkswagen с использованием CSS3

  В этом уроке мы создадим более сложный логотип Volkswagen. Логотипы, о создании которых мы рассказывали раньше, состояли из плоских фигур, тогда как у логотипа Volkswagen гораздо больше глубины, несколько градиентов и тени. Мы сосредоточимся на свойстве градиента CSS3, разбирая код и объясняя синтаксис. Также коснемся свойства box-shadow и повторим вкратце псевдоэлементы.

  Далее... 15 Комментариев »
• 

  Создание логотипа Темного Рыцаря с использованием CSS3

  Продолжая тему предыдущего урока, в котором мы воссоздали логотип Бэтмена с использованием CSS3, мы решили рассказать о создании логотипа Бэтмена, используемого в новых фильмах. Этот логотип проще, и его легче создать, чем исходный логотип Бэтмена, так что мы добавили несколько дополнений, таких как градиенты CSS3 и тень блока, чтобы не стоять на месте и коснуться темы, не [...]

  Далее... Нет комментариев »
• 

  Создание логотипа Бэтмена с использованием CSS3

  В этом уроке мы постараемся воссоздать знаменитый логотип Бэтмена. Ранее мы рассмотрели создание логотипа Pepsi, который оказался относительно простым, так как в нем нам нужно было работать всего с тремя цветными блоками, придав им определенную форму и разместив их соответствующим образом. Логотип Бэтмена несколько сложнее, так как использует более сложные формы, чем логотип Pepsi.

  Далее... 1 Комментарий »
• 

  Применение режима наложения CSS3

  Если вы когда-либо использовали графический редактор, такой как Photoshop или Pixelmator, вы, вероятно, уже знакомы с режимами наложения. Режимы наложения — это ряд режимов, которые позволяют объекту смешаться с другими объектами, и создают таким образом результирующее изображение. При правильном использовании режим наложения позволит получить впечатляющий результат, например, такой:

  Далее... Нет комментариев »
• 

  Создание логотипа Pepsi с использованием CSS3

  В этом уроке мы постараемся воссоздать логотип компании Pepsi без помощи изображений, используя только CSS. Конечно, этот логотип возможно создать и другими способами, так что не стесняйтесь экспериментировать. Логотип не особо сложный, в нем нет теней, световых эффектов или других деталей, требующих особого внимания. Только простые однотонные цвета — отлично для начала. Вот как это выглядит.

  Далее... Нет комментариев »
• 

  Создание логотипа ленты новостей RSS с использованием CSS3

  Благодаря своей функции логотип ленты новостей RSS — один из наиболее часто используемых логотипов в веб-дизайне. Вы, скорее всего, встречали много уроков по созданию логотипа ленты новостей RSS с помощью графических редакторов, таких как Photoshop, а как насчет нарисовать этот логотип, использую только CSS3?

  Далее... Нет комментариев »