CSS3在线代码生成器

简介:该工具主要用于在线自动生成CSS3代码,能自动生成CSS3圆角、文本分列、内外阴影、文字颜色大小、背景颜色。
推荐:CSS3 transform代码生成器       CSS3 Animation在线代码生成器

效果设置区

基本设置(滑动透明度)

圆角半径

列设置

 

阴影设置

删除阴影添加阴影

效果预览区点击复制代码

Multi column text针对Firefox,webkit内核的Safari和Chrome,mozilla需增加特殊的前缀,而Opera 11+ 和 Internet Explorer 10不需要增加。box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色。

代码区

-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333

说明

Safari 1.1 Firefox 3.5 Opera 9 Chrome Internet Explorer10 支持 iOS 3.2支持 iOS 3.2 支持 Android 2.1支持 Android 2.1

  • Multi column text针对Firefox,webkit内核的Safari和Chrome,mozilla需增加特殊的前缀,而Opera 11+ 和 Internet Explorer 10不需要增加
  • IE9+支持box-shadow,其他浏览器都支持
  • IE9+支持border-radius,其他浏览器都支持