lt！ 下面分别是三种形式的刷新代码 lt！按钮 刷新 lt！ 文字 刷新 lt！ 图片。

btnwidth200pxheight100pxposition fixedleft0top0bottom 0right 0marginautobackgroundwebkitradialgradientcenter，circle，red 5%，yellow 20%，blueboxshadow inset 0 3px #111， inset 0 3px #555borderradius 20%。

实现原理利用css3动画，通过点击按钮添加class。

平面样式按钮平面按钮因其简洁美观而流行，使用backgroundcolor属性可改变颜色，如绿色蓝色红色等，尺寸可通过fontsize调整，如10px至24px，圆角可通过borderradius设定，如2px到50%边框样式按钮边框按钮以边框代替背景色，border属性可设定边框颜色鼠标悬停时，hover选择器可实现动态效果，如颜色。

起始以1，0表示0，0，1表示32*PI计算当设置为逆时针的时候画出来是起点到终点之间的扇形出去中心三角， endAngle，anticlockwise是否逆时针 3，画图的时候要计算好坐标 4，最好以角度值百分比计算流式布局更能适应各种大小的缩放 5，注意提取公共函数 6，要划分步。

那个一般是响应式导航插件，给你个地址参考一下navjs。

CSS3 的appearance 属性为定制控件外观提供了强大工具此属性允许开发者精细调整表单元素，如按钮输入框等，尤其是具有平台特定样式的元素本文深入解析appearance 属性的工作原理使用场景和代码示例，全面掌握其精髓，助力你实现极致控件样式定制appearance属性详解理解appearance属性的基本工作原理，掌握其。

而 visibility 是有动画效果的 ， 链接如下 CNdocsWebCSSCSS_animated_properties 又学到一个点啊，由此记录一下参考 CNdocsWebCSSCSS_TransitionsUsing_CSS_transitions# 哪些 CSS 属性可以动画。

如果只有a标签的话，思路按钮向右浮动设置CSS3样式a floatright。

可以将圆形作为图片，做每个LI的背景，然后向左浮动就行了，也可以用css3控制borderradius。

给你两个翻转效果记得给我分哦以下是全部代码按钮式点击出现效果lt！DOCTYPE html animated_div width60pxheight40pxcolor#ffffffpositionrelativefontweightboldpadding20px 10px 0px 10pxfloatleftmargin20pxmarginright50pxborder1px soli。

圆形borderradiud 后面的加弯曲的大小+px，比如50px，100%也可以变圆，要配合border1px solid red使用，border里的参数可以自己改。

09年，因特网要庆祝40周岁，第一个种类出现在Dribbble按钮设计的以灰色为主导按钮几乎都是用微妙的渐变， 圆角，和阴影构成10年，Instagram成立按钮的风格并没有大幅度的改变，但是使用了更多的颜色，更多的细节例如内阴影，更 多的装饰排版11年，CSS3首次亮相，互联网使用。

用图片代替按钮，事件写到图片上 那就只能牺牲兼容性了，用CSS3给div做成圆形，地图放div里支持css3的浏览器看的就是圆形，不支持的只能是方形了。

可以获取目标对象的fontsize样式，使用正则截取里面的数字，然后你改完数字后把原来的单位加上，再把样式加回去就好了。