本例是采用html5+css3.0设置的菜单链接。其中主要用到了以下几个方面： 1. CSS3.0中的2D变换，如：旋转transform:rotate(45deg);移动，放大transform:rotate(-45deg) scale(1.2,1.2) translate(10px,0px);/*鼠标放上去后，放大,移动*/等功能。 2. 用到了marg
本例是采用html5+css3.0设置的菜单链接。其中主要用到了以下几个方面：
1. CSS3.0中的2D变换，如：旋转transform:rotate(45deg);移动，放大transform:rotate(-45deg) scale(1.2,1.2) translate(10px,0px);/*鼠标放上去后，放大,移动*/等功能。
2. 用到了margin:25px;/*margin表示元素与其他元素之间的空白*/。
3. 超链接标签a中垂直居中的设置：设置height 和line-height属性
4. 鼠标放上去的样式
具体代码如下：
CSS 3.0设置菱形div .menu .menu div .m1 .m2 .m3 .m4 .m5 .m6 .m7 .menu a .menu a:hover 这是一个CSS3.0的示例基础语言前端开发移动开发数据处理互联网IT硬件其他ada
View Code
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
彻底搞懂Html5本地存储技术（一） - 碧霄中游
2016-12-07 14:00
JavaScript_Html5_LocalStorage项目demo - 明lucky
2016-12-07 12:00
HTML5 学习笔记（四）——canvas绘图、WebGL、SVG - SeeYouBug
2016-12-05 11:00
HTML5 学习笔记（五）——WebSocket与消息推送 - SeeYouBug
2016-12-05 10:00
网友点评
精彩导读
热门资讯
关注我们
