Are you looking to enhance your website by trying out new Typeface, Colors, Effects, animations and lot more? Have an idea about colors, effects, animations but do not know how to implement it. Do not worry here is one stop solution to all your queries. The very first thing you need to know is, a website without CSS3 is just like a skeleton without body. This course will first give basic understanding of designing your website with the greater effects to grab the end users concentration. Curious to know in detail about your course? Please check out the detailed description of the topics that are covered in course. First things First I will take you through a quick tour to let you know what are the topics covered. Apart from this you can find multiple projects which you will be able to do after your end of course. I have even provided a file for answers to the exercises that are asked to be solved in between the course. The main beauty of this section is, you can find many references which makes your way of learning easier. I believe Learning is always fun, thus I have included many Brain Hunts as well, trust me! It is quite interesting and fun to resolve them. Styling Module In this part, you are going to explore options for styling guide, you will create a new page component and style that page component using a CSS styles.You will learn to use when, where and how to use these styles. Color Module This part contains color format, opacity and transparency. Text Module In this section you will get to know more about writing mode , directions , orientation, shadows, letter spacing , word spacing and many more. Fonts Module This includes how to import google forms. Along with this you will learn about font family, size, weight , custom font loading. Selectors Selectors makes work much easier! Types of selectors and how to use them is explained in this section with the concepts universal, type, class, ID, Attribute Selectors. Along with child, next sibling combinatory. Pseudo Class & Element Selector This section contains location pseudo class, user action, input, Lang pseudo class. Generated Contents This section involves topics like string, image, counter, attribute, Unicode character entities. Specificity In this section you will get to know more aboutnaming convention and case sensitivity, specificity of selector, BEM Design pattern, specificity hack. Values & Units This section covers distance units, quantities, functional notations. List Styles
In detail explains you about how to style a list using style position, style image, style type. Box Model Explains about width & height, min & max width, border, padding, rounded corners, overflows, Box-Shadow and many more. Background Module Discusses about Background color, image, repeat, position, attachment, clip, size, origin. Gradients How to apply gradients? And the types are gradients available. Display Module How to display block, inline block, none and visibility. Positioning How to position an element by using floats, clear, all positioning, and box offset functionality. Filter Modules How to apply filters using filter property and filter functions. Clipping and Masking Module In detail about clipping and masking functionality. Blend Mode Module How to blend things using mix blend mode, background blend mode and much more about lighten group, contrast group, darken group, inversion group & component group. Shapes Module Includes all shape methods. Tables Module Explains in detail about how to border collapse/separate, border spacing, caption side, empty cells, table layout. Transformation Includes transform origin, 2D-transformation, 3D-transformation. Transition & Animations Includes Transition property, transition duration, transition timing function, transition delay animation name, animation duration, animation timing function and many... Media queries Viewport / page dimension features. Additional topics Box reflect, text stroke, backdrop filter, variable fonts, background-clip: text, cursor, pointer events, user select. And you have awesome tools for CSS, resources and a project to start after the finish of the course. Happy Learning!
I am a Front-End designer and developer with a great passion for building beautiful new things from scratch. I've been building websites since 2013 and also have a Diploma and Bachelor's degree in Computer Science Engineering.
Frequently Asked Questions
It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.
A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.
A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.
We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.
Frequently bought together
Combo Price: 0 (Extra Discount: NAN%)
How it works
The offer includes all live courses, Deals and E-Degrees.
Bogo Offer will be applied automatically upon adding 2nd Course, Deal or E-degree in the Cart. Offer Price will be reflected in Checkout Total
You can buy multiple courses or deals using your cart but they have to be in combo of 2 to get benefit of the offer.
We are free to withdraw any product from this offer based at our own discretion.