Skip to content

Instantly share code, notes, and snippets.

@hejrobin
Created October 1, 2015 11:49
Show Gist options
  • Save hejrobin/0554a9e40dbef6772f31 to your computer and use it in GitHub Desktop.
Save hejrobin/0554a9e40dbef6772f31 to your computer and use it in GitHub Desktop.
header {
padding: 5% 0 15% 0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(/assets/prism/backdrops/start--neighborhood-89d121b1afac9494fb7ff287fd0b315767d02d345aa61fe754eb13f1e2237823.jpg);
background-image: -webkit-linear-gradient(top,rgba(45,144,211,0.85),rgba(45,144,211,0.85) 25%,rgba(155,89,182,0.8)),url(/assets/prism/backdrops/start--neighborhood-89d121b1afac9494fb7ff287fd0b315767d02d345aa61fe754eb13f1e2237823.jpg);
background-image: -moz-linear-gradient(top,rgba(45,144,211,0.85),rgba(45,144,211,0.85) 25%,rgba(155,89,182,0.8)),url(/assets/prism/backdrops/start--neighborhood-89d121b1afac9494fb7ff287fd0b315767d02d345aa61fe754eb13f1e2237823.jpg);
background-image: -o-linear-gradient(top,rgba(45,144,211,0.85),rgba(45,144,211,0.85) 25%,rgba(155,89,182,0.8)),url(/assets/prism/backdrops/start--neighborhood-89d121b1afac9494fb7ff287fd0b315767d02d345aa61fe754eb13f1e2237823.jpg);
background-image: linear-gradient(to bottom,rgba(45,144,211,0.85),rgba(45,144,211,0.85) 25%,rgba(155,89,182,0.8)),url(/assets/prism/backdrops/start--neighborhood-89d121b1afac9494fb7ff287fd0b315767d02d345aa61fe754eb13f1e2237823.jpg);
background-repeat: no-repeat;
background-size: cover;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment