css3 代码兼容 |css图片的旋转

为了实现CSS3代码兼容，大家可以使用CSS Hack或CSS前缀。CSS Hack指的是通过在CSS样式表中添加CSS Hack代码，对不同浏览器进行区分，在不同浏览器下显示不同样式。常见的CSS Hack代码有星号Hack、下划线Hack、!important Hack等。

/* 星号Hack */
*color: red;
 /* 下划线Hack */
 _color: red;
 /* !important Hack */
 div{ color: red !important; }

CSS前缀则是在CSS样式属性前添加特定的浏览器前缀，以区分不同浏览器。常见的浏览器前缀有-webkit-、-moz-、-o-、-ms-等。例如，要为不同浏览器添加动态渐变效果，大家可以这样写：

background: -webkit-linear-gradient(red, yellow);
background: -moz-linear-gradient(red, yellow);
background: -o-linear-gradient(red, yellow);
background: -ms-linear-gradient(red, yellow);
background: linear-gradient(red, yellow);

除了Hack和CSS前缀，大家还可以使用CSS框架和CSS预处理器来提高CSS3代码的兼容性。CSS框架如Bootstrap、Foundation等已经实现了兼容多种浏览器的CSS样式，可以大大减少大家的代码工作量。而CSS预处理器如Sass、Less等则可以让大家的CSS代码更加简洁、易于维护。

综上所述，通过使用CSS Hack、CSS前缀、CSS框架和CSS预处理器等方法，大家可以更好地实现CSS3代码在不同浏览器上的兼容性，使得大家的网站更加美观、流畅。