CSS3 Bullets

If you want bullets other than the regular ones provided by HTML, you could implement bullets based off of images. However, let’s say you decide to change your website’s color scheme. In this case, you would need to re-edit the image. I like using CSS because there’s a lot you …

CSS3 Image Reflections

Kind of a cool effect. Here’s an example: To get the image reflect on the bottom, I used the following CSS: -webkit-box-reflect: below 5px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.75, transparent), to(rgba(255,255,255,0.3)) ); Here’s some other options: Basic -webkit-box-reflect: below; Offset -webkit-box-reflect: below 5px; Masking with Gradient -webkit-box-reflect: …

CSS Matrix3d Z coordinate and Chrome Issue

I was playing around with Wink Toolkit’s Tag Cloud controlĀ and came across an interesting issue with Chrome and the CSS3 matrix3d transform function. In order for the z coordinate to work properly in the matrix3d parameters, you’ll need to set the parent element’s -webkit-transform-style property to preserve-3d. The following example …