Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Jumboron Gradiant */
- /*--- Jumbotron--- */
- .jumbotron {
- min-height: 460px;
- background:
- /* top, transparent red, faked with gradient */
- linear-gradient(
- rgba(0,236,239,.9),
- rgba(236,238,239,1)
- ),
- url(img/slideshow_1.jpeg) center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- position: relative;
- padding: 40px 0;
- color: #fff;
- text-align: center;
- &:before {
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- opacity: .6;
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
- }
- /*h1 gradiant Slap Attack, Place your own brand here*/
- .jumbotron h1 {
- font-family: 'Permanent Marker', cursive;
- font-size: 10rem;
- text-shadow: 0px 0px 30px 0;
- text-align: center center;
- text-rendering: optimizeLegibility !important;
- text-rendering: antialiased !important;
- -webkit-font-smoothing: antialiased !important;
- text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
- -webkit-font-smoothing: antialiased;
- text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
- color-webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
- background: linear-gradient(red, yellow); /* Standard syntax */
- background: -webkit-linear-gradient(red, yellow);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- opacity: 1;
- }
Add Comment
Please, Sign In to add comment