Skip to content

Instantly share code, notes, and snippets.

View MartinMekhaiel's full-sized avatar

Martin Mekhaiel MartinMekhaiel

View GitHub Profile
.sel
{
width:200px;
height: 100%;
background-size:100%;
content: "";
background-image:
linear-gradient(black 0, black 1px, transparent 1px),
linear-gradient(225deg, transparent 54%, grey 54% ),
linear-gradient(to bottom, grey 45%, transparent 45% ),
@MartinMekhaiel
MartinMekhaiel / SassMeister-input-HTML.html
Created June 29, 2014 21:16
Generated by SassMeister.com.
<div class="sel"></div>
@MartinMekhaiel
MartinMekhaiel / SassMeister-input-HTML.html
Created June 28, 2014 22:23
Generated by SassMeister.com.
<div id="someid"></div>
.sel {
background-color: yellow;
background-image: -moz-linear-gradient(left, #d9d9d9 2%, rgba(0, 0, 0, 0) 3%), -moz-linear-gradient(225deg, rgba(0, 0, 0, 0) 55%, #ebebeb 55%), -moz-linear-gradient(top, #ebebeb 45%, rgba(0, 0, 0, 0) 45%), -moz-linear-gradient(45deg, #5d5d5d 45%, rgba(0, 0, 0, 0) 45%), -moz-linear-gradient(135deg, rgba(0, 0, 0, 0) 45%, #5d5d5d 45%), -moz-linear-gradient(left, #ebebeb 0%, #ebebeb 100%);
background-image: -webkit-linear-gradient(left, #d9d9d9 2%, rgba(0, 0, 0, 0) 3%), -webkit-linear-gradient(225deg, rgba(0, 0, 0, 0) 55%, #ebebeb 55%), -webkit-linear-gradient(top, #ebebeb 45%, rgba(0, 0, 0, 0) 45%), -webkit-linear-gradient(45deg, #5d5d5d 45%, rgba(0, 0, 0, 0) 45%), -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0) 45%, #5d5d5d 45%), -webkit-linear-gradient(left, #ebebeb 0%, #ebebeb 100%);
background-image: linear-gradient(to right, #d9d9d9 2%, rgba(0, 0, 0, 0) 3%), linear-gradient(225deg, rgba(0, 0, 0, 0) 55%, #ebebeb 55%), linear-gradient(to bottom, #ebebeb 45%, rgba(0, 0, 0, 0)
.box {
background-image:
radial-gradient(at 80% 50%, #59253f 5%, transparent 40%),
radial-gradient(at 15% 15%, #411d33 5%, transparent 50%),
radial-gradient(at 35% 35%, #411d33 5%, transparent 30%),
radial-gradient(at 85% 10%, #411d33 5%, transparent 40%);
background-color: #2d1833;
width:1000px;
height: 350px;
}
.box {
background-image:
radial-gradient(at 15% 15%, #411d33 5%, #3c1d34 10%, transparent 20%),
radial-gradient(at 85% 85%, #411d33 5%, #3c1d34 10%, transparent 20%);
background-color: #2d1833;
width:1000px;
height: 350px;
}
@MartinMekhaiel
MartinMekhaiel / SassMeister-input-HTML.html
Created June 23, 2014 20:00
Generated by SassMeister.com.
<div class="class">123</div>