Revision: 56889
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at April 20, 2012 08:14 by inko9nito
Initial Code
<snippet>
<content>
<![CDATA[
background-color: ${1:top};
background-image: -webkit-gradient(linear, left top, left bottom, from(${1:top}), to(${2:bottom})); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, ${1:top}, ${2:bottom}); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, ${1:top}, ${2:bottom}); /* FF3.6 */
background-image: -ms-linear-gradient(top, ${1:top}, ${2:bottom}); /* IE10 */
background-image: -o-linear-gradient(top, ${1:top}, ${2:bottom}); /* Opera 11.10+ */
background-image: linear-gradient(top, ${1:top}, ${2:bottom});
filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=${1:top}, endColorstr=${2:bottom})";
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=${1:top}, endColorstr=${2:bottom})";
]]>
</content>
<tabTrigger>gradient</tabTrigger>
<scope>source.css</scope>
<description>Cross-browser vertical linear gradient</description>
</snippet>
Initial URL
Initial Description
Snippet for Sublime Text 2 with variables for the top and bottom colors. Just tab between them.
Initial Title
Cross-browser Linear Gradient for Sublime Text 2
Initial Tags
Initial Language
CSS