你应该小编分享js，而不是css...方向错了！
我提供一个思路，这个思路应该可以实扰茄蠢现所有类似的问题。
使用input的type='radio'类型，radio在缓陪css3样式中有:checked这样的伪样式，
#Input_Radio:checked~input{background-color: #333;color:#fff;}
CSS3 有咐察歼一个 :target 属性
这是一个简单没物的DEMO 高级用法可以再本站搜索：
:target {
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}
This is a heading
Jump to New content 1
Jump to New content 2
Click on the links above and the :target selector highlight the current active HTML anchor.
New content 1...
New content 2...衡冲
Note: Internet Explorer 8 and earlier versions do not support the :target selector.
这是我自己用jquery写的选项卡没好哗切换效果，基本上所有的选项卡切换效果的原理都枯行是一样的，无非袜毕就是css样式不同，
用动画做出来，我态隐写个伪代码。供你参考：
@keyframes move{
from {可以将按钮定位在右上角（position、top、帆吵厅right）}
to {将按钮定位在要出现的位置}
animation: move 5s linear 2s infinite alternate;(动画名 完成动画所花费的时间 速度曲线 开始之前的延迟 播放的次碰悔数 是否应该轮流反向播放动画)
用translate
使用动画效果，animate，fadeIn
定位到右上角，opacity设置为0，然后鼠标滑过的时候定位到新的位置，把opacity设置成1
以上就是土嘎嘎小编大虾米为大家整理的css3按钮左右切换_css3按钮效果相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！