Home > CSS, TextMate > CSS3 Snippets in TextMate – box-shadow

CSS3 Snippets in TextMate – box-shadow

June 30th, 2010 Leave a comment Go to comments

As promised, the next in the series – box-shadow.

Create this snippets within CSS:

Name:
box-shadow
Tab trigger:
box-shadow
Snippet:
-moz-box-shadow: ${1:hOffset} ${2:vOffset} ${3:blurRadius} ${4:color};
-webkit-box-shadow: ${1:hOffset} ${2:vOffset} ${3:blurRadius} ${4:color};
box-shadow: ${1:hOffset} ${2:vOffset} ${3:blurRadius} ${4:color};
$0

More to come. Any requests?

Share this Article:
    Categories: CSS, TextMate
    1. Ben Bodien
      July 19th, 2010 at 08:17 | #1
      Reply | Quote

      Something I picked up from a Dan Cederholm talk on CSS3 recently – it makes more sense to put the “box-shadow” property after the vendor specific properties, so that when browser vendors do implement the final property then that one takes precedence over the “beta” versions.

      • booshtukka
        July 20th, 2010 at 08:27 | #2
        Reply | Quote

        You’re quite right. I have amended the post. Good call. :)