About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
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
01. Exercise file
CSS3 Shapes: Next Generation Websites - 2020 Edition
Let your imagination fly : Build Awesome page design with CSS Shapes
By:
Rahul Giri
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:
$99.99
You save:
$30
Buy Class
€66.45
List Price:
€94.93
You save:
€28.48
Buy Class
£55.32
List Price:
£79.03
You save:
£23.71
Buy Class
CA$98.04
List Price:
CA$140.06
You save:
CA$42.02
Buy Class
A$107.72
List Price:
A$153.89
You save:
A$46.17
Buy Class
S$94.09
List Price:
S$134.42
You save:
S$40.33
Buy Class
HK$544.68
List Price:
HK$778.15
You save:
HK$233.46
Buy Class
CHF 61.92
List Price:
CHF 88.46
You save:
CHF 26.54
Buy Class
NOK kr774.79
List Price:
NOK kr1,106.89
You save:
NOK kr332.10
Buy Class
DKK kr495.67
List Price:
DKK kr708.13
You save:
DKK kr212.46
Buy Class
NZ$118.82
List Price:
NZ$169.76
You save:
NZ$50.93
Buy Class
د.إ257.07
List Price:
د.إ367.26
You save:
د.إ110.19
Buy Class
৳8,339.40
List Price:
৳11,913.94
You save:
৳3,574.54
Buy Class
₹5,914.23
List Price:
₹8,449.26
You save:
₹2,535.03
Buy Class
RM311.24
List Price:
RM444.65
You save:
RM133.41
Buy Class
₦118,083.62
List Price:
₦168,698.12
You save:
₦50,614.50
Buy Class
₨19,391.36
List Price:
₨27,703.14
You save:
₨8,311.77
Buy Class
฿2,410.17
List Price:
฿3,443.25
You save:
฿1,033.08
Buy Class
₺2,423.71
List Price:
₺3,462.60
You save:
₺1,038.88
Buy Class
B$418.75
List Price:
B$598.25
You save:
B$179.49
Buy Class
R1,273.04
List Price:
R1,818.71
You save:
R545.66
Buy Class
Лв129.87
List Price:
Лв185.54
You save:
Лв55.66
Buy Class
₩97,732.12
List Price:
₩139,623.30
You save:
₩41,891.18
Buy Class
₪255.55
List Price:
₪365.09
You save:
₪109.53
Buy Class
₱4,110.61
List Price:
₱5,872.56
You save:
₱1,761.94
Buy Class
¥10,630.43
List Price:
¥15,186.98
You save:
¥4,556.55
Buy Class
MX$1,418.07
List Price:
MX$2,025.91
You save:
MX$607.83
Buy Class
QR254.36
List Price:
QR363.39
You save:
QR109.02
Buy Class
P953.37
List Price:
P1,362.02
You save:
P408.64
Buy Class
KSh9,063.70
List Price:
KSh12,948.70
You save:
KSh3,885
Buy Class
E£3,478.89
List Price:
E£4,970.06
You save:
E£1,491.16
Buy Class
ብር8,820.94
List Price:
ብር12,601.88
You save:
ብር3,780.94
Buy Class
Kz63,759.63
List Price:
Kz91,089.09
You save:
Kz27,329.46
Buy Class
CLP$68,404.72
List Price:
CLP$97,725.22
You save:
CLP$29,320.50
Buy Class
CN¥507.53
List Price:
CN¥725.08
You save:
CN¥217.54
Buy Class
RD$4,206.74
List Price:
RD$6,009.89
You save:
RD$1,803.14
Buy Class
DA9,351.13
List Price:
DA13,359.34
You save:
DA4,008.20
Buy Class
FJ$158.85
List Price:
FJ$226.94
You save:
FJ$68.09
Buy Class
Q538.41
List Price:
Q769.20
You save:
Q230.78
Buy Class
GY$14,600.65
List Price:
GY$20,858.96
You save:
GY$6,258.31
Buy Class
ISK kr9,615.92
List Price:
ISK kr13,737.62
You save:
ISK kr4,121.70
Buy Class
DH699.24
List Price:
DH998.96
You save:
DH299.72
Buy Class
L1,281.52
List Price:
L1,830.82
You save:
L549.30
Buy Class
ден4,084.06
List Price:
ден5,834.63
You save:
ден1,750.56
Buy Class
MOP$559.24
List Price:
MOP$798.95
You save:
MOP$239.71
Buy Class
N$1,266.15
List Price:
N$1,808.86
You save:
N$542.71
Buy Class
C$2,568.06
List Price:
C$3,668.81
You save:
C$1,100.75
Buy Class
रु9,427.87
List Price:
रु13,468.97
You save:
रु4,041.09
Buy Class
S/262.66
List Price:
S/375.25
You save:
S/112.58
Buy Class
K281.39
List Price:
K402.01
You save:
K120.61
Buy Class
SAR262.91
List Price:
SAR375.60
You save:
SAR112.69
Buy Class
ZK1,903.42
List Price:
ZK2,719.29
You save:
ZK815.86
Buy Class
L330.70
List Price:
L472.45
You save:
L141.75
Buy Class
Kč1,679.39
List Price:
Kč2,399.23
You save:
Kč719.84
Buy Class
Ft27,552.80
List Price:
Ft39,362.83
You save:
Ft11,810.03
Buy Class
SEK kr765.72
List Price:
SEK kr1,093.94
You save:
SEK kr328.21
Buy Class
ARS$70,549.59
List Price:
ARS$100,789.45
You save:
ARS$30,239.85
Buy Class
Bs482.26
List Price:
Bs688.98
You save:
Bs206.71
Buy Class
COP$307,907.55
List Price:
COP$439,886.78
You save:
COP$131,979.23
Buy Class
₡35,643.95
List Price:
₡50,922.11
You save:
₡15,278.16
Buy Class
L1,765.02
List Price:
L2,521.57
You save:
L756.54
Buy Class
₲545,488.80
List Price:
₲779,303.12
You save:
₲233,814.31
Buy Class
$U2,997.83
List Price:
$U4,282.79
You save:
$U1,284.96
Buy Class
zł286.31
List Price:
zł409.03
You save:
zł122.72
Buy Class
Already have an account?
Log In
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
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.
Share with Google Contacts