CSS Skewed Background Tutorial pure css tutorials

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: 500px;
background: #262626;
position: relative;
}
.sec2{
width: 100%;
height: 500px;
background: #ffeb3b;
position: relative;
}
.sec2::before{
content: '';
width: 50%;
height: 100px;
position: absolute;
top: -48px;
left: 0;

background: #ffeb3b;
transform: skewY(8deg);

}
.sec2::after{
content: '';
width: 50%;
height: 100px;
position: absolute;
top: -48px;
right: 0;

background: #ffeb3b;
transform: skewY(-8deg);

}
h1{
position: relative;
top: 30px;
left: 4o%;
font-size: 60px;
color: white;
}