CSS3 Snippets in TextMate – box-shadow
June 30th, 2010
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?
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.
You’re quite right. I have amended the post. Good call.