Skewed Background Using Border - Html5 Css3 Tutorial

Skewed Background Using Border - Html5 Css3 Tutorial

CSS Skewed Background Tutorial pure css tutorials
......learn and subscribe.......
***1 SUBSCRIBE=1 MOTIVATION***

Please like, share and comment on this video, aslo subscribe channel to watch more videos on Website development / #WebDevelopment / Website Design / Web design
-----------------------------------------------------
Watch more videos from my channel:
1.Pure CSS Parallax Scrolling | No JavaScript | HTML & CSS

2.//How To Create A Website Using HTML And CSS Step By Step Website Tutorial/

3.Pure CSS Circular Progress Bar | Html& CSS ONLY

6.//GALLERY IN HTML AND CSS ONLY//

7.//How To Create A Website Using HTML And CSS Step By Step Website Tutorial/

8.//Animated Login Form Using Only HTML & CSS//

9.//NAvigation Bar Design In Html

10.//Simple HTML Form Design//

11.Navigation Hover Effect

12.//button hover effect//Html and Css

13.//Text Animation//HTML CSS

14.Navigation Hover Effect

#html
#css
#DEVELOPERTOOLS

Music :
Song: Warrio - Mortals (feat. Laura Brehm) [NCS Release]
Music provided by NoCopyrightSounds.

[mojammelhossain]

*{
margin: 0;
padding: 0;
}
.sec1{
width: 100%;
height: 400px;
position: relative;
background: #262626;
}
.sec2{
width: 100%;
height: 400px;
position: relative;
background:#ffeb3b;
}
.sec3{
width: 100%;
height: 400px;
position: relative;
background: #262626;
}
.sec2::before{
content: '';
position: absolute;
border-bottom: 100px solid #ffeb3b;
border-left: 98.8vw solid transparent;
top: -100px;
}
.sec2::after{
content: '';
position: absolute;
border-top: 100px solid #ffeb3b;
border-right: 98.8vw solid transparent;
bottom:-100px;
z-index: 1;
}