如何用Css来创建按钮和翻转

html-css010

如何用Css来创建按钮和翻转,第1张

按钮使用图片来做吗？你可以具体点描述，如果要做有切换效果的按钮的话，那么你要用js来处理，使用js的onMouseMove="" onMouseOut="" onClick=""，网上搜索一下吧有很多这样的代码，不过具体不知道你说的是不是这个意思，希望我的回答能帮助你，祝你好运！

css3 翻转和旋转的区别如下：

概述：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate

1、旋转，利用rotate来实现，代码如下：

-webkit-transform:rotate(10deg)指定浏览器内核为webkit的翻转方式

-moz-transform:rotate(10deg)指定firefox浏览器私有属性

transform:rotate(10deg)一般浏览器翻转的角度为10弧度

2、 翻转，利用scale来实现，代码如下：

scale本来是放缩的意思，原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转

水平翻转：

-webkit-transform:scale(-1，1)水平轴为-1，代表水平翻转

-moz-transform:scale(-1，1)水平轴为-1，代表水平翻转

transform:scale(-1，1)水平轴为-1，代表水平翻转

垂直翻转：

-webkit-transform:scale(1，-1)垂直轴为-1，代表垂直翻转

-moz-transform:scale(1，-1)垂直轴为-1，代表垂直翻转

transform:scale(1，-1)垂直轴为-1，代表垂直翻转