Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

The Ultimate CSS - Best Practise on Animations & Effects

Brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.
Rating: 4.6 out of 54.6 (67 ratings)
24,324 students
Created by B Praveen Kumar
Last updated 12/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Source Code For Download is Attached
  • Best way to learn CSS with really real world examples
  • How CSS works behind the scenes: the cascade, specificity, inheritance, etc.
  • Latest And Real time Examples with 7X Fast to Write
  • Tons of modern CSS techniques to create stunning designs and effects
  • Using EMMET Short Methods to Write Coding to deliver Fast

Course content

8 sections • 27 lectures • 2h 19m total length

  • Preview03:09
  • Preview00:42
  • Preview00:58
  • Preview00:44

  • Preview07:45
  • Adding CSS For Designing Checkbox Selection
    21:42
  • Download the Source Code
    00:02

  • Preview03:21
  • Adding CSS For the Layout
    25:40
  • Download the Source Code
    00:02

  • Intro to List Food Item Selection
    00:56
  • Creating the HTML Document For List Food Items
    05:01
  • Creating the CSS Design For List Food Items
    20:09
  • Download the Source Code
    00:02

  • Intro to Wave Banner
    00:58
  • Creating the HTML Document For Wave Banner
    02:50
  • Creating the CSS Design For Wave Banner
    12:26
  • Download the Source Code
    00:02

  • Intro to Waves
    00:42
  • Creating the HTML Document For Waves
    01:50
  • Creating the CSS Design For Waves
    08:57
  • Download the Source Code
    00:02

  • Intro to CLIP-PATHS
    00:58
  • Creating the HTML Document For Clip-paths
    02:21
  • Creating the CSS Design For Clip-path
    17:40
  • Download the Source Code
    00:02

  • HTML & HTML 5 [ E-BOOK ]
    00:02

Requirements

  • You should have some familiarity with HTML5 , And CSS
  • All you need is a computer (Windows, macOS, or Linux) with an internet connection (Windows, macOS, or Linux)

Description

CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.

This course covers it all - we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.

Who this course is for ?

You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You're already creating websites but you want to take your knowledge to the next level. This is the course for you. This course will give you the practical tools you need to bring animation to your projects.

This is a video course full of real downloadable code examples. You'll be able to take the knowledge, as well as the real working code, to your projects and make sure they stand out.

Used Properties in CSS : 

Filters: The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.

Keyframes : The @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. This gives more control over the intermediate steps of the animation sequence than transition

To use keyframes, create a @keyframes rule with a name that is then used by the animation-name property to match an animation to its keyframe declaration. Each @keyframes rule contains a style list of keyframe selectors, which specify percentages along the animation when the keyframe occurs, and a block containing the styles for that keyframe.

Transition: CSS transitions provide a way to control animation speed when changing CSS properties. Instead of having property changes take effect immediately, you can cause the changes in a property to take place over a period of time. For example, if you change the color of an element from white to black, usually the change is instantaneous. With CSS transitions enabled, changes occur at time intervals that follow an acceleration curve, all of which can be customized.

  • Responsive Web Design

  • Create Responsive Website Using HTML5 CSS3

  • frontend developers

  • website designer

  • Html Developers

  • Learn Web Development Courses and Tutorials

  • how to make responsive website using Html CSS Javascript

  • Build a real world responsive website

  • javascript front end tutorial

  • front end developer course

  • front end development tutorials

  • Learn Web Development Courses and Tutorials

  • responsive website design from scratch 2020

  • Design A Complete Responsive Business Website From Scratch

  • html5 + css3 responsive web design

  • Learn Modern Responsive Web Design With Example Step by Step

  • Responsive Html5 CSS3 Website

  • Web Design For Beginners

  • Build A Modern Looking Responsive Websites

  • Learn Responsive Web Design From Scratch

  • Real World Coding in HTML & CSS

  • Html5 CSS3 and Javascript : A Guide To Web Design From Scratch

  • Web Design HTML CSS Create Single Page Website from Scratch

  • Front End Web Development

Help and inspiration ?

Not only do you get a load of practical, useful starting projects in this course, you can also head over to CSS Animation.rocks for more, and even sign up to a weekly newsletter packed full of tutorials, inspiration and tips for animating on the web.

There’s no better time to learn Animations : You’ve made a smart choice, because CSS 3 Animations is the most popular language out there. This is no exaggeration. This popularity and growth means more jobs and opportunities than ever before.

Get access to fast support if you get stuck : There’s nothing worse than getting stuck ten hours into a course and not getting the help you need to continue. Getting stuck is part of the learning process. That’s why I’m here to answer every single question that comes my way.

I guarantee that this is the most up-to-date and engaging course available, and it comes with a Udemy 30-day money-back guarantee.

I can’t wait to see you on the inside !

   - B. Praveen Kumar ( PHP Developer & Web Designer - FULL Stack Developer ).

Who this course is for:

  • All Levels From beginner to Advance

Instructor

B Praveen Kumar
Designer/Web Developer And Trainer At Ameerpet
B Praveen Kumar
  • 4.4 Instructor Rating
  • 508 Reviews
  • 71,357 Students
  • 8 Courses

"Knowledge rests not upon truth alone, but upon error also. - Be Kind."

I'm a Trainer at Ameerpet (Hyd/INDIA). I Enjoy taking Classes so i can relate more of my students & help them in Web Design & Developers.

Got More than 15 Years of Exp. worked in different company's.

I love creating, programming, launching, learning, teaching.

Was Active Developer & Support for Live Hosting , SSL and also worked as developer/API integration using paypal / payUmoney / ccAvenue / 2checkout integration.

Worked on Wordpress Plugin Development & Themes.

Also My Skills Include: - Wordpress/Ecommerce Developement - Theme Customization - PSd to Html/Wordpress - Html, CSS, Bootstrap, Jquery - Mobile Responsive Design - Woocommerce - Landing Pages - Mailchimp/Aweber/ Active Campaign - Payment Method Integration (Paypal, ccAvenue, paytm, payumoney, Stripe etc) - Social Media Integration - DNS/Hosting Setup - Website Maintainace/Security, Malware protection of hosting level & identifying the root cause and protecting the sites.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.