Материалы с тегом «CSS3»

@font-face. Нестандартный шрифт средствами CSS.
Как внедрить нестандартный шрифт без использования картинок, javascript и flash? Т.е. использовать только последние достижения в CSS. Ответ - CSS правило @font-face.
CSS свойство text-shadow
CSS свойство text-shadow задает эффект тени тексту элемента.
CSS3 PIE — Progressive Internet Explorer
PIE помогает Internet Explorer 6-8 понять некоторые вещи из CSS3.
Галерея на чистом CSS
Когда слышишь «галерея» представляешь себе javascript скрипт (плагин), а-ля lightbox или highslide. CSS3 ломает эти стереотипы.
Градиент: CSS3 против CSS2 + картинка
CSS свойства linear-gradient и radial-gradient, описанные в проектах спецификации CSS3 дают нам мощный механизм создания градиентов. Но, так как фактически данная спецификация еще не окончена пройдет, наверно, немало времени пока мы сможем использовать эту мощь в своей работе. Тем не менее все большее число браузеров в том или ином виде поддерживает CSS-градиенты.
Песня о CSS3
Это не только про веб-анимацию и, возможно, не все можно решить проблему одной строкой кода, но CSS3 действительно крутая штука и заслуживает собственной песни.
Свойство transform
Css свойство transform — применяет трансформацию к элементу (можно применить несколько трансформаций, задавая значения через пробел).
Свойство transform-origin
Css свойство transform-origin — задает координаты центра трансформации.
Свойство animation
Css свойство animation — сокращенный способ задать свойства анимации animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, позволяет одновременно задать имя анимации, время анимации, способ определения промежуточных значений изменяющихся параметров, задержку анимации, количество циклов анимации и возможность ее проигрывания в обратную сторону.
Свойство animation-delay
Css свойство animation-delay задает время задержки анимации (можно указать несколько через запятую).