-
Notifications
You must be signed in to change notification settings - Fork 0
/
estilo_scroll.css
16 lines (16 loc) · 1 KB
/
estilo_scroll.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.bg{position:relative;width:100%;height:100vh;background:url('principal.jpg');background-repeat:none;background-attachment:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.bg h2{position:relative;color:#fff;font-size:5em;}
.skewedOne{position:absolute;bottom:-100%;left:50%;width:100%;height:100%;background:#fff;/*#323232;*/transform:skewY(-25deg);transform-origin:top left;animation-name:colorido;animation-duration:9s;}
.skewedTwo{position:absolute;bottom:-100%;right:50%;width:100%;height:100%;background:#fff;/*#323232;*/transform:skewY(25deg);transform-origin:top right;animation-name:colorido;animation-duration:9s;}
/*section{padding:100px;}
section h2{color:#fff;font-size:2em;margin-bottom:10px;}
section p{color:#fff;font-size:1.2em;}*/
@media screen and (max-width: 1180px){
.bg{width:100%;height:66vh;overflow-x:hidden;}
}
@media screen and (max-width: 680px){
.bg{width:100%;height:66vh;overflow-x:hidden;}
}
@media (max-width: 12rem){
html{min-width:12rem;}
}