{"id":1321,"date":"2012-05-15T14:00:27","date_gmt":"2012-05-15T14:00:27","guid":{"rendered":"http:\/\/www.vishmax.com\/en\/?p=1321"},"modified":"2012-05-19T13:10:33","modified_gmt":"2012-05-19T13:10:33","slug":"cascading-style-sheets-level-3-%e2%80%93-css3-features","status":"publish","type":"post","link":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/","title":{"rendered":"Cascading Style Sheets (level 3 \u2013 CSS3) Features"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.vishmax.com\/en\/pulse-frameworks\/uploads\/2012\/05\/css3-logo.jpg\" alt=\"\" title=\"css3-logo\" width=\"600\" height=\"300\" class=\"alignnone size-full wp-image-1322\" srcset=\"http:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2012\/05\/css3-logo.jpg 600w, http:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2012\/05\/css3-logo-153x76.jpg 153w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><br \/>\nAs every web developer knows that Cascading Style Sheets (CSS) is used to give style and control the layout of web pages and the latest standard of Cascading Style Sheets (CSS) is CSS3. There are many exciting new functions and features like advanced Text Effects, modules etc.<br \/>\nOne of the important differences between CSS2 and CSS3 is modules, which means CSS3 has been split up into different sections.<\/p>\n<h3>Some important CSS3 modules are:<\/h3>\n<ul>\n<li>Selectors<\/li>\n<li>Box Model<\/li>\n<li>Backgrounds and Borders<\/li>\n<li>Text Effects<\/li>\n<li>2D\/3D Transformations<\/li>\n<li>Animations<\/li>\n<li>Multiple Column Layout<\/li>\n<li>User Interface<\/li>\n<\/ul>\n<p>There are around 40 CSS modules have been published through the CSS working Group, including Selectors, Namespaces, Color and Media Queries.<\/p>\n<h3>Some features of CSS3 are:<\/h3>\n<p><strong>Selectors:<\/strong><br \/>\nNew selector in CSS3 will allow the web developer to select more specific levels of the document.<br \/>\nCSS3 Attribute Selectors<br \/>\n[att^=val] \u2013 the \u201cbegins with\u201d selector<br \/>\n[att$=val] \u2013 the \u201cends with\u201d selector<br \/>\n[att*=val] \u2013 the \u201ccontains\u201d selector<\/p>\n<p><strong>Border Radius: <\/strong><br \/>\nIt is possible to make rounded corners without using images, JavaScript and its one of the best feature of CSS3.<\/p>\n<p><strong>Box Shadow:<\/strong><br \/>\n Prior to CSS3 a designer must use an image or JavaScript to apply a shadow effect, but using CSS3 we can give shadow effect to almost every element of web page.<\/p>\n<p><strong>Multiple Backgrounds:<\/strong><br \/>\nUsing CSS3 it is possible to create multiple backgrounds on a single element.<\/p>\n<p><strong>Opacity:<\/strong><br \/>\nOne of the good features, and also probably most already used CSS3 feature.<\/p>\n<p>It is sure that CSS3 will become a powerful tool for web developers in coming years, if it\u2019s supported by web browsers and user-agents.<\/p>\n<p>Here is an updated list of <a href=\"http:\/\/www.w3.org\/Style\/CSS\/current-work.en.html\" title=\"CSS current work\" target=\"_blank\">CSS3 Module Status<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As every web developer knows that Cascading Style Sheets (CSS) is used to give style and control the layout of web pages and the latest standard of Cascading Style Sheets (CSS) is CSS3. There are many exciting new functions and features like advanced Text Effects, modules etc. One of the important differences between CSS2 and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[67,94],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cascading Style Sheets (level 3 \u2013 CSS3) Features - Vishmax.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-\u2013-css3-features\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cascading Style Sheets (level 3 \u2013 CSS3) Features - Vishmax.com\" \/>\n<meta property=\"og:description\" content=\"As every web developer knows that Cascading Style Sheets (CSS) is used to give style and control the layout of web pages and the latest standard of Cascading Style Sheets (CSS) is CSS3. There are many exciting new functions and features like advanced Text Effects, modules etc. One of the important differences between CSS2 and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-\u2013-css3-features\/\" \/>\n<meta property=\"og:site_name\" content=\"Vishmax.com\" \/>\n<meta property=\"article:published_time\" content=\"2012-05-15T14:00:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-05-19T13:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vishmax.com\/en\/pulse-frameworks\/uploads\/2012\/05\/css3-logo.jpg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93\"},\"headline\":\"Cascading Style Sheets (level 3 \u2013 CSS3) Features\",\"datePublished\":\"2012-05-15T14:00:27+00:00\",\"dateModified\":\"2012-05-19T13:10:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/\"},\"wordCount\":277,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#organization\"},\"keywords\":[\"CSS\",\"Web Design Tips\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/\",\"url\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/\",\"name\":\"Cascading Style Sheets (level 3 \u2013 CSS3) Features - Vishmax.com\",\"isPartOf\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#website\"},\"datePublished\":\"2012-05-15T14:00:27+00:00\",\"dateModified\":\"2012-05-19T13:10:33+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/www.vishmax.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cascading Style Sheets (level 3 \u2013 CSS3) Features\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#website\",\"url\":\"http:\/\/www.vishmax.com\/en\/\",\"name\":\"Vishmax.com\",\"description\":\"Software Company in Calicut for Web Design and eCommerce\",\"publisher\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.vishmax.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#organization\",\"name\":\"Vishmax.com\",\"url\":\"http:\/\/www.vishmax.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png\",\"contentUrl\":\"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png\",\"width\":150,\"height\":50,\"caption\":\"Vishmax.com\"},\"image\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g\",\"contentUrl\":\"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g\",\"caption\":\"admin\"},\"url\":\"http:\/\/www.vishmax.com\/en\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cascading Style Sheets (level 3 \u2013 CSS3) Features - Vishmax.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-\u2013-css3-features\/","og_locale":"en_US","og_type":"article","og_title":"Cascading Style Sheets (level 3 \u2013 CSS3) Features - Vishmax.com","og_description":"As every web developer knows that Cascading Style Sheets (CSS) is used to give style and control the layout of web pages and the latest standard of Cascading Style Sheets (CSS) is CSS3. There are many exciting new functions and features like advanced Text Effects, modules etc. One of the important differences between CSS2 and [&hellip;]","og_url":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-\u2013-css3-features\/","og_site_name":"Vishmax.com","article_published_time":"2012-05-15T14:00:27+00:00","article_modified_time":"2012-05-19T13:10:33+00:00","og_image":[{"url":"http:\/\/www.vishmax.com\/en\/pulse-frameworks\/uploads\/2012\/05\/css3-logo.jpg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#article","isPartOf":{"@id":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/"},"author":{"name":"admin","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93"},"headline":"Cascading Style Sheets (level 3 \u2013 CSS3) Features","datePublished":"2012-05-15T14:00:27+00:00","dateModified":"2012-05-19T13:10:33+00:00","mainEntityOfPage":{"@id":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/"},"wordCount":277,"commentCount":0,"publisher":{"@id":"http:\/\/www.vishmax.com\/en\/#organization"},"keywords":["CSS","Web Design Tips"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/","url":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/","name":"Cascading Style Sheets (level 3 \u2013 CSS3) Features - Vishmax.com","isPartOf":{"@id":"http:\/\/www.vishmax.com\/en\/#website"},"datePublished":"2012-05-15T14:00:27+00:00","dateModified":"2012-05-19T13:10:33+00:00","breadcrumb":{"@id":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/www.vishmax.com\/en\/blog\/cascading-style-sheets-level-3-%e2%80%93-css3-features\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/www.vishmax.com\/en\/"},{"@type":"ListItem","position":2,"name":"Cascading Style Sheets (level 3 \u2013 CSS3) Features"}]},{"@type":"WebSite","@id":"http:\/\/www.vishmax.com\/en\/#website","url":"http:\/\/www.vishmax.com\/en\/","name":"Vishmax.com","description":"Software Company in Calicut for Web Design and eCommerce","publisher":{"@id":"http:\/\/www.vishmax.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.vishmax.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/www.vishmax.com\/en\/#organization","name":"Vishmax.com","url":"http:\/\/www.vishmax.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png","contentUrl":"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png","width":150,"height":50,"caption":"Vishmax.com"},"image":{"@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g","caption":"admin"},"url":"http:\/\/www.vishmax.com\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/posts\/1321"}],"collection":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/comments?post=1321"}],"version-history":[{"count":0,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/posts\/1321\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/media?parent=1321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/categories?post=1321"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/tags?post=1321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}