@import url('https://fonts.googleapis.com/css?family=Raleway:00,00'); 2 body { font-family: Helvetica, san-serif; background: -webkit-linear-gradient(0deg, #00aaee %, #DD24 90%); /* Chrome 10+, Saf.1+ */ 4 background: -moz-linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* FF3.6+ */ 5 background: -ms-linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* IE10 */ 6 background: -o-linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* Opera .10+ */ 7 background: linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* W3C */ } .transition { transition: .3s cubic-bezier(.3, 0, 0, 1.3) } 9 .card { 10 background-color: #fff; 11 bottom: 0; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); height: 300px; left: 0; margin: auto;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter