CSS3 ъгли, градиенти, сенки и още ...

css3 свойства

Cascading Style Sheets (CSS) е невероятна технология, която ви позволява лесно да отделите съдържанието от дизайна. Все още работим с компании, които имат твърдо кодирани сайтове и интерфейси, принуждавайки ги да разчитат на разработчиците да правят каквито и да било редакции. Ако това е мястото, където е вашата компания, трябва да изкрещите на вашия екип за разработка (или да вземете нов). Първоначалното издание на CSS беше преди 14 години! Вече сме на третата итерация на CSS3.

CSS3 вече е приет и се поддържа във всички най-нови популярни версии на браузъра и е време да се възползвате! В случай, че не сте осъзнали какво е възможно с CSS3, oneextrapixel е събрал хубава инфографика за ключовите функции, активирани от CSS3 - включително прилагане на радиус на границата (заоблени ъгли), непрозрачност (способността да се вижда през елемент), изображения на граници, множество фонови изображения, градиенти, цветови преходи, сенки на елементи и сенки за шрифтове. Има някои невероятни ефекти, които можете да развиете с комбинация от HTML5 и CSS3.

Защо CSS3 е важен? В момента дизайнерите използват комбинация от графики, HTML и CSS, за да проектират изцяло уеб страници, които са естетически приятни. След като всички графични елементи се поддържат, евентуално може да се премахне Illustrator или Photoshop и браузърът да изобразява графики и слоеве по начина, по който бихме искали. Това може да е все още на десетилетие - но колкото по-близо се приближаваме, толкова по-хубави сайтове можем да разработим и толкова по-лесно ще се развиват в движение.

css3 инфографика пълна

Ако сте загрижени за приемането на CSS3, защото вашите потребители или посетители все още използват по-стари браузъри, има JavaScript библиотеки като Мондернизр там можете да включите във вашите HTML5 и CSS3 проекти, които ще помогнат на по-старите браузъри да изобразяват елементите точно.

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.