What is the difference Between CSS and CSS3

What is the difference Between CSS and CSS3 What is the difference Between CSS and CSS3? Back Home Categories Online Courses Mock Interviews Webinars NEW Community Write for Us Categories Artificial Intelligence AI vs Machine Learning vs Deep LearningMachine Learning AlgorithmsArtificial Intelligence TutorialWhat is Deep LearningDeep Learning TutorialInstall TensorFlowDeep Learning with PythonBackpropagationTensorFlow TutorialConvolutional Neural Network TutorialVIEW ALL BI and Visualization What is TableauTableau TutorialTableau Interview QuestionsWhat is InformaticaInformatica Interview QuestionsPower BI TutorialPower BI Interview QuestionsOLTP vs OLAPQlikView TutorialAdvanced Excel Formulas TutorialVIEW ALL Big Data What is HadoopHadoop ArchitectureHadoop TutorialHadoop Interview QuestionsHadoop EcosystemData Science vs Big Data vs Data AnalyticsWhat is Big DataMapReduce TutorialPig TutorialSpark TutorialSpark Interview QuestionsBig Data TutorialHive TutorialVIEW ALL Blockchain Blockchain TutorialWhat is BlockchainHyperledger FabricWhat Is EthereumEthereum TutorialB lockchain ApplicationsSolidity TutorialBlockchain ProgrammingHow Blockchain WorksVIEW ALL Cloud Computing What is AWSAWS TutorialAWS CertificationAzure Interview QuestionsAzure TutorialWhat Is Cloud ComputingWhat Is SalesforceIoT TutorialSalesforce TutorialSalesforce Interview QuestionsVIEW ALL Cyber Security Cloud SecurityWhat is CryptographyNmap TutorialSQL Injection AttacksHow To Install Kali LinuxHow to become an Ethical Hacker?Footprinting in Ethical HackingNetwork Scanning for Ethical HackingARP SpoofingApplication SecurityVIEW ALL Data Science Python Pandas TutorialWhat is Machine LearningMachine Learning TutorialMachine Learning ProjectsMachine Learning Interview QuestionsWhat Is Data ScienceSAS TutorialR TutorialData Science ProjectsHow to become a data scientistData Science Interview QuestionsData Scientist SalaryVIEW ALL Data Warehousing and ETL What is Data WarehouseDimension Table in Data WarehousingData Warehousing Interview QuestionsData warehouse architectureTalend T utorialTalend ETL ToolTalend Interview QuestionsFact Table and its TypesInformatica TransformationsInformatica TutorialVIEW ALL Databases What is MySQLMySQL Data TypesSQL JoinsSQL Data TypesWhat is MongoDBMongoDB Interview QuestionsMySQL TutorialSQL Interview QuestionsSQL CommandsMySQL Interview QuestionsVIEW ALL DevOps What is DevOpsDevOps vs AgileDevOps ToolsDevOps TutorialHow To Become A DevOps EngineerDevOps Interview QuestionsWhat Is DockerDocker TutorialDocker Interview QuestionsWhat Is ChefWhat Is KubernetesKubernetes TutorialVIEW ALL Front End Web Development What is JavaScript â€" All You Need To Know About JavaScriptJavaScript TutorialJavaScript Interview QuestionsJavaScript FrameworksAngular TutorialAngular Interview QuestionsWhat is REST API?React TutorialReact vs AngularjQuery TutorialNode TutorialReact Interview QuestionsVIEW ALL Mobile Development Android TutorialAndroid Interview QuestionsAndroid ArchitectureAndroid SQLite DatabaseProgramming s understand the various differences between CSS and CSS3 in the following order:Compatibility of CSS and CSS3Rounded Corners and GradientText Effects and AnimationsPseudo ClassesLists in CSS and CSS3CSS3 provides capabilities like JavaScript and also provides mobile development features with additional features like transitions, gradient, etc. So, lets compare CSS and CSS3 on these parameters.Compatibility of CSS and CSS3CSS is not compatible with CSS3 because its main purpose was to focus on providing different formatting features. They were in addition to capabilities for the position of texts and objects. But these features were been updated to the latest version that is CSS3.CSS3 is the backword compatible with CSS. This wont make any code written in CSS as invalid. CSS3 makes the webpage look more attractive and better. They are very fast at loading and less time required to build the page.Rounded Corners and GradientWhen the time CSS3 was launched, the developers used to design images which would lo ok like rounded corners to different structures and background gradient. This process includes the developer designing the specific border and uploading the design over the server. They need to place the image on the webpage and in the end, CSS has to position this border correctly.In CSS3 the developer just need to write the code like round border {border-radius: 20px}. And its done they need not send through any server and perform any kind of other activities. Even gradients can set by using code like gradBG {Background:liner-gradient(red,black);}Text Effects and AnimationsIn CSS the animations were written in JavaScript and JQuery. It did not have the features in the design layer and even the page element also did not have any kind of special effects like shadowing texts, text selections, etc.In CSS3 the developer could add the text-shadow to make it easier to read. They could also add the visual effects to break line and to the longer words so that they fit easily inside the col umns. It also includes the continuous change of size and color of the text even the time of change can also be set.Pseudo ClassesThese are used to specially define the state of an element in CSS. Syntax : selector: pseudo-classes{ property: value;}. This also provides various properties like hover on(), simple tooltip hover().In CSS3 these pseudo-classes is much similar to CSS but they have few additional features which differentiate these two. These include the root target which documents the root element. Uses the numerical values within the (n) to target.Lists in CSS and CSS3CSS:CSS allows the user to set different list for ordered and unordered lists.The user can also set the image for a list item marker.Add background colors to the list and list items.They can be circle, square, disc-like list-style-type.CSS3In this to use the list in CSS the display property should have the list item defined in it.It does not support the numbering system.It enables that the image is set agains t the list item marker.It also has a list style position and can specify the position of the marker box.With this, we come to an end of this article where we discussed the differences between CSS and CSS3. Check out theWeb Development Certification Trainingby Edureka.Web Development Certification Training will help you learn how to create impressive websites using HTML5, CSS3, Twitter Bootstrap 3, jQuery and Google APIs and deploy it to Amazon Simple Storage Service(S3).Got a question for us? Please mention it in the comments section of this article and we will get back to you.Recommended videos for you Angular JS Tutorial for Beginners Watch Now Angular 4 Tutorial Getting Started With Angular 4 Watch Now Angular JS : Develop Responsive Single Page Application Watch Now Whats New in Angular 4 Angular 4 Features Watch Now Deep Dive into AngularJS Javascript Framework Watch Now Animation And Testing In AngularJS Watch Now Web Development with HTML5, CSS3 JavaScript Watch Now Angula rJS : Superheroic JavaScript MVW Framework Watch Now A Work Day Of A Web Developer Watch Now AngularJS Develop Responsive Single Page Application Watch Now Trendy Web Designs using HTML5 Watch Now Are You Riding The AngularJS Wave Yet? Watch Now Web Development Trends and Predictions Watch Now AngularJS-Superheroic JavaScript MVW Framework Watch NowRecommended blogs for you How To Best Implement $timeout in AngularJS? Read Article Everything You Need To Know About Stream In Java Read Article Everything you Need to Know About Factory in AngularJS Read Article What is REST API? A Comprehensive Guide To RESTful APIs Read Article How to Implement JavaScript Date Methods? Read Article What is HTML? Your One Stop Solution to Build a Web Page Read Article All you Need to Know About Span tag in HTML Read Article All you Need to Know about Timers in JavaScript Read Article How to Embed and use Bootstrap with Angular? Read Article What is JavaScript All You Need To Know About JavaScript Re ad Article How To Best Utilize Strong and bold tag in HTML? Read Article Arraylength in JavaScript : Everything you Need to Know Read Article Angular ngClass : Know All About the ngClass Directive Read Article JavaScript Substring() How is it Different from Substr() slice()? Read Article What is Angular Data Binding and How to Implement it? Read Article Web Services: The Real Deal Read Article JavaScript Cookies How to Create, Read and Delete Cookies? Read Article Event Bubbling and Event Capturing In JavaScript: All you need to know Read Article What is CSS? The Style Statement of the Internet Read Article SPA Using AngularJS Read Article Comments 0 Comments Trending Courses in Front End Web Development Angular Certification Training15k Enrolled LearnersWeekendLive Class Reviews 5 (5700)