制作翻转点击按钮效果方法
2016-07-12 00:00
429 查看
1.需要两张图片，一张正常状态，一张鼠标经过的状态。
设置连接a的背景为第一张图片。
在css当中设置a:hover的背景为第二张图片。
2.将两张图片合成一张图片，设置为按钮的背景图片。
css中将a:hover的背景图片通过background-position属性向上或向下移动相应的像素。（只向服务器请求一次。）
设置连接a的背景为第一张图片。
在css当中设置a:hover的背景为第二张图片。
2.将两张图片合成一张图片，设置为按钮的背景图片。
css中将a:hover的背景图片通过background-position属性向上或向下移动相应的像素。（只向服务器请求一次。）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 你不知道的margin
- 无论窗口如何改变大小，如何让块元素始终相对当前窗口位于水平，垂直居中显示？
- img内联块元素的操作
- 写导航时候的规范
- 样式重置
- 满屏页面（图片充满整个屏幕）
- 三目运算符报空指针，JDK自动拆箱
- 保存line_bg（1px宽的线性渐变）图技巧
- 快速教给你如何制作水墨风景
- 搭建ActiveMQ Master/Slave+Network Cluster集群
- 搭建ActiveMQ Master/Slave（LevelDB+Zookeeper）
- window 便签的用法
- ubuntu下安装mysql及卸载mysql方法
- ubuntu15.04 安装mysql可视化工具navicat
- Highcharts基础教程（四）：数据列（Series）
- Highcharts基础教程（五）：颜色（colors）
- jQuery插件开发
- Redis Sentinel Plugin For JFinal
- 进程不退出
- 操作系统