About
LearnDesk
Learn  
Topics
Topics
Topics
Topics
Topics
Topics
Topics
Teach
  Teach Online
  Schedule
  Items
  Billing
  Users
  Marketing
  Analytics
  Settings
  Change School
Account
 

CSS3 Shapes: Next Generation Websites - 2020 Edition

Getting Started
Class trailer
Preview
01. Understanding native CSS Shapes
02. The Reference box in CSS Shapes
02. Exercise file
03. Understanding shape-outside property
03. Exercise file
04. Understanding clip-path masking property
04. Exercise file
Reference Box Settings or keywords
01. Understanding margin box settings
01. Exercise file
02. Understanding border box settings
02. Exercise file
03. Understanding padding-box settings
03. Exercise file
Understanding content-box settings
CSS Shape-Outside Functions in Depth
01. Working with circle() function
01. Exercise file
02. Working reference box coordinates, farthest-side and radius
02. Exercise file
03. Fast forwarded daily life use of circle() function
03. Exercise file
04. Working with ellipse() function
04. Exercise file
05. Working with inset() function
05. Exercise file
06. Working with polygon() function
06. Exercise file
07 - Working with beautiful url() function
Building Responsive Juicy grapes website with CSS Shapes
01. Introduction- What you will learn and build
02. Creating beautiful and clean website layout
02. Exercise file
Improving styling of our Juicy grapes website
03. Exercise file
Making content flow around our shapes
04. Exercise file
Making our webpage responsive
05. Exercise file
CSS Shapes Tools and Resources
01. Using CSS shape editing tool
02. Using clippy polygon generator tool
03. Using poly draw tool
04. Browser supports and polyfills
Building More Complex Shapes and Animating It
01. Animating your basic shapes
01. Exercise file
02. Animating your polygons shapes
02. Exercise file
03. Animating your shapes created by url() function
Let your imagination fly : Build Awesome page design with CSS Shapes
01. Creating Awesome webpage for girl with umbrella
01. Exercise file
02. Blue Parrot in love web page using CSS Shapes
02. Exercise file
Final words
Wrap Up

Building Responsive Juicy grapes website with CSS Shapes

CSS3 Shapes: Next Generation Websites - 2020 Edition
By: Rahul Giri
Share the link to this page
Copied
  Twitter
  Email
Add the class to your calendar
Print
  Completed
We'll cover the following topics in this section:
Previous
Next
Home
Search
Saved
Trending Classes
Filter
The latest and the best classes on LearnDesk
Filter by Interest
Close
All Topics
Academics
Business
Creative
Health and Fitness
LifeStyle
Personal Development
Software
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Other
Pharma
Research
Science
Social Science
Teaching
Test Preparation
K-12
School
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
Internet of Things
Digital Transformation
Human Resources
Industry
Management
Marketing
Media
Operations
Other
Project Management
Public Relations
Real Estate
Sales
Strategy
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
Self Defense
Sports
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
Travel
Career Development
Learning
Religion and Spirituality
Self-Improvement
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
Content Management System
Customer Relationship Management
Database
Data Mining
E-Commerce
Enterprise Asset Management
Enterprise Resource Planning
Game Development
Google Cloud
Linux
Artificial Intelligence
Machine Learning
Master Data Management
Microsoft
Music Software
Network and Security
Open Source
Operating System
Other
Process Management
Productivity Software
Programming Languages
Robotics
Supply Chain Management
Testing
Teaching
Web Development

Sign Up

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.