I have created live editable versions of all my CSS demos on dabblet.com so that you can play with the code. The dabblet versions have slightly simplified css in that they make use of prefix-free to simplify the mark up by eliminating vendor specific prefixes.
Links to live code on dabblet.com are available for the following CSS demos:
- Six fantastic CSS3 animated image captions
- 7 Great CSS based text effects using the text-shadow property
- Cross Browser Pure CSS3 Button Demo
- CSS3 Isometric Text Demo
In the case of the Isometric Text Demo, I have reviewed my original code and eliminated the need for javascript by using the :after selector.
Here is a complete list of links to the examples:
- Animated HTML5 / CSS3 image caption – Example 1
- Animated HTML5 / CSS3 image caption – Example 2
- Animated HTML5 / CSS3 image caption – Example 3
- Animated HTML5 / CSS3 image caption – Example 4
- Animated HTML5 / CSS3 image caption – Example 5
- Animated HTML5 / CSS3 image caption – Example 6
- CSS text-shadows – Example 1
- CSS text-shadows – Example 2
- CSS text-shadows – Example 3
- CSS text-shadows – Example 4
- CSS text-shadows – Example 5
- CSS text-shadows – Example 6
- CSS text-shadows – Example 7
- Pure CSS3 buttons – Example 1
- Pure CSS3 buttons – Example 2
- Pure CSS3 buttons – Example 3
- Pure CSS3 buttons – Example 4
- CSS3 Isometric Text Demo v2