Когда мы задаем стиль любому элементу, мы можем задать для него и линию обводки. Свойство outline отчасти дублирует свойство border, но его главное отличие outline в CSS3 в том, что для этой линии можно задать отступ от элемента в пикселях. дальше интересней »
Свойство Resize в CSS3 позволяет пользователю самому менять размер блока. В параметрах можно разрешить изменение только по оси X или по Y, или сразу по обоим осям. дальше интересней »
Новая функция CSS3 позволяет задавать отражения для текста или прямоугольных элементов. Для этого используется функция Reflect. дальше интересней »
Эта функция CSS3 позволяет повернуть любой HTML элемент. Для этого в параметрах нужно задать свойство Rotate дальше интересней »
Этим параметром можно задать радиальный градиент для любого выбранного элемента XHTML. В описании нужно использовать свойство radial-gradient дальше интересней »
Параметром Linear Gradient в CSS3 можно задать линейный градиент для любого элемента HTML. Если нужно, могу рассказать о нем более подробно, тогда отметьтесь в комментариях. дальше интересней »
Еще одна интересная функция в CSS3 – это возможность сделать обводку для текста. Используем text-fill-color для цвета текста и параметр text-stroke-color для цвета линии обводки, а для задания толщины линии обводки в CSS3 используется text-stroke-width. дальше интересней »
Новое свойство CSS3, которое добавляет тень для текста. Для тени от блоков мы используем Border Radius, а тень от текста задается Text Shadow. Для этой функции можно задавать параметры смещения тени по осям X и Y, а также цвет тени и ее размытие в пикселях. дальше интересней »
Одна из самых востребованные функции в CSS – это скругленные углы. В CSS3 углы можно скруглить тегом border radius.
Раньше мы использовали изображения со скругленными предварительно углами. В одних случаях нужно было создавать дополнительные ячейки в таблицах и разрезать изображения, в других случаях – приходил на помощь Photoshop. В графическом редакторе приходилось делать скругленные изображения для каждого изображения в отдельности. Времени уходило много.
С помощью CSS3 можно делать вещи, которые раньше приходилось вымучивать через background или предварительно обработав картинку через Photoshop.
Переходим на современные браузеры типа Firefox 3.5, Chrome 2.0 или Safari 4.0 и получаем все шоколадки CSS3.
