Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="bannerStripHeader" style="background-color:#009edb;">
- <section class="row">
- <div class="columns large-12" style="color:inherit !important;">
- <div class="brandHeaderContent">
- Content here
- </div>
- </div>
- </section>
- </div>
- .bannerStripHeader:before {
- border-width: 50px 0 30px 70vw;
- border-color: transparent transparent transparent #fff;
- left: -5px;
- -webkit-transform: rotateZ(0deg);
- transform: rotateZ(0deg);
- -webkit-transform-origin: 100% 50%;
- -ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- }
- .bannerStripHeader:after {
- border-width: 50px 70vw 30px 0;
- border-color: transparent #fff transparent transparent;
- right: -5px;
- -webkit-transform: rotateZ(0deg);
- transform: rotateZ(0deg);
- -webkit-transform-origin: 0 50%;
- -ms-transform-origin: 0 50%;
- transform-origin: 0 50%;
- }
- .bannerStripHeader:after,
- .bannerStripHeader:before {
- content: "";
- border-style: solid;
- bottom: -23px;
- height: 0;
- -webkit-transition: -webkit-transform .5s ease .5s;
- transition: transform .5s ease .5s;
- width: 0;
- position: absolute;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement