代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Css
】
CSS3按钮
作者:
pengyaou
/ 发布于
2014/10/8
/
709
.button { cursor: pointer; font: 15px "微软雅黑", Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; -moz-box-shadow: 0 0 3px #fff inset; -webkit-box-shadow: 0 0 3px #fff inset; box-shadow: 0 0 3px #fff inset; margin-left: 30px; background-image: url(bg.png); background-repeat: no-repeat; -webkit-transition: background-position 10s; -moz-transition: background-position 10s; transition: background-position 10s; } .button:active { bottom: -1px; } .button:hover { background-position: 0px -400px; } .blueBtn { padding: 15px 35px 15px 35px; outline: none; border: 1px solid #84acc3; color: #fff; background-color: #61c7fb; } .blueBtnsmall, .greenBtnsmall, .hBtnsmall, .RadiuBtnsamll { padding: 10px 25px 10px 25px !important; margin-top: 6px; } .greenBtn { padding: 15px 35px 15px 35px; outline: none; border: 1px solid #84acc3; color: #fff; background-color: #93d127; -webkit-transition: background-position 5s; -moz-transition: background-position 5s; transition: background-position 5s; } .hBtn { padding: 15px 35px 15px 35px; outline: none; border: 1px solid #ccc; color: #fff; background-color: #e9a032; -webkit-transition: background-position 5s; -moz-transition: background-position 5s; transition: background-position 5s; } .GroupBtn { padding: 15px 35px 15px 35px; outline: none; border: 1px solid #ccc; color: #fff; background-color: #65cefa; -webkit-transition: background-position 3s; -moz-transition: background-position 3s; transition: background-position 3s; } .GroupBtnLeft { -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } .GroupBtnRight { -moz-border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; margin-left: -2px; } .RadiuBtn { padding: 12px 35px 12px 35px; outline: none; border: 1px solid #ccc; color: #fff; background-color: #f17337; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; -webkit-transition: background-position 3s; -moz-transition: background-position 3s; transition: background-position 3s; }
试试其它关键字
CSS3
按钮
同语言下
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
可能有用的
.
C#实现的html内容截取
.
List 切割成几份 工具类
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现,不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
pengyaou
贡献的其它代码
(
1
)
.
CSS3按钮
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3