CSS3动画滑

Most of the image gallery display nice little image with a cute description underneath it. If you want to make yours a little better, here’s a quick tutorial on how to improve the the user experience of your image gallery. 这个概念很容易, each images are displayed but not the text. The text will

13 最佳CSS破解

1. Target IE6, IE7, and IE8 with only 4 characters (hack) See the source above for a quick explanation. And don’t ask me to explain why 9 works for IE8…but it does. Use these with caution. [CSS] 身体 { 颜色: red; /* all browsers, 当然 */ 颜色 : green9; /* IE8 and below */ *颜色…

Resize image and rounded corners using CSS

The idea is to use the background-size: 覆盖; CSS property which handles the centering, cropping and, 好, covering. Here’s an extract from the fiddle: div.yourWrapper { 宽度: 50PX; 高度: 50PX; -WebKit的边界半径: 10PX; -MOZ-边界半径: 10PX; 边界半径: 10PX; 背景: url(‘some_image.jpg’) no-repeat center center; -webkit-background-size: 覆盖; -moz-background-size: 覆盖; -o-background-size: 覆盖; background-size: 覆盖; }