-
transform参数查看全部
-
safari 支持 -webkit-transiton 其他(c除ie9以下）都支持transition查看全部
-
transition : property duration timing-function delay;查看全部
-
transform 带有 前缀-ms -webkit -moz -o查看全部
-
用a标签制作圆角按钮： 1、在a中添加一个span 2、a中放置按钮左背景，span放置宽度自适应右背景 2、可以有交互效果查看全部
-
用<a>标签制作自适应宽度的按钮，先给<a>添加高度，不添加宽度属性，设置左侧的半角背景，防背景遮挡文字，设置padding-left：15px；右侧添加自适应宽度的半角背景，考虑到<a>只能添加一幅背景图片，给按钮文字包裹上<span>标签 ，添加背景时，截取背景图片部分，在url后加right -40px，鼠标悬浮时，背景图片位置改变，background-position：right -*px。查看全部
-
用<a>标签制作自适应宽度的按钮，先给<a>添加设置左侧的半角背景，防背景遮挡文字，设置padding-left：15px；右侧添加自适应宽度的半角背景，考虑到<a>只能添加一幅背景图片，给按钮文字包裹上<span>标签 ，查看全部
-
幽灵按钮：在设计网页中的按钮之时，不再设计复杂色彩、样式和纹理，而是外仅以线框示意轮廓，内只用文字示意功能，背景透出，与整个页面/背景合而为一的设计方式。国外的设计师称之为“幽灵按钮”（Ghost Buttons），盛赞这种按钮通透简约，贴合整体风格又不失神韵，别具魅力。查看全部
-
box-sizing查看全部
-
transform属性查看全部
-
旋转和缩放查看全部
-
css查看全部
-
html： <a href="#"><span>按钮按钮按钮按钮按钮按钮</span></a> -------------------------------------------------------------------------------------- css: a{ display:inlin-block; height:40px; line-height:40px; text-decoration:none; background:url(btn_bg.png); padding-left:15px;} a span{ display:inline-block; height:40px; background:url(btn_bg.png) right -40px; color:#fff; padding-right:15px;} a:hover{ background-position:0 -80px;} a:hover span{ background-position:right -120px;}查看全部
-
关键点： 1、把a标签、span标签转换成行内块元素； 2、背景定位，左对齐或右对齐查看全部
-
<a>标签制作按钮的优点： 1、没有默认事件 2、可以用css模拟成按钮的外观，并做到宽度自适应 3、可以增加上交互效果，且浏览器均兼容查看全部
举报
0/150
提交
取消