css3 icon导航

概述css3 icon导航

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

.appstorebutton {	height: 80px;	wIDth: 80px;	margin: 50px;	position: relative;	overflow: hIDden;	float: left;	-webkit-border-radius: 40px;	   -moz-border-radius: 40px;			border-radius: 40px;	-webkit-Transition: wIDth 1s ease;	   -moz-Transition: wIDth 1s ease;		 -o-Transition: wIDth 1s ease;		-ms-Transition: wIDth 1s ease;			Transition: wIDth 1s ease;}.appstorebutton:hover {	wIDth: 275px;}.appstorebutton a {	color: white;	text-decoration: none;}/*Paragraph*/.appstorebutton p {	Font: 30px/1 Helvetica,Arial,sans-serif;	text-align: center;	color: white;	margin: 4px 0 0 65px;	wIDth: 180px;}.appstorebutton p small {	Font-size: 15px;}.iphone small:before {	content: "O";	position: absolute;	Font: 70px/1 'ModernPictogramsnormal',Helvetica,sans-serif;	top: 10px;	left: 20px;}.ipad small:before {	content: "Q";	position: absolute;	Font: 70px/1 'ModernPictogramsnormal',sans-serif;	top: 10px;	left: 13px;}.mac small:before {	content: url(imac.png);	position: absolute;	top: 22px;	left: 18px;}/*button colors*/.iphone {	background: #7b7a7f;}.ipad {	background: #2ea9dc;}.mac {	background: #dc2e2e;}/*Font-Face*/@Font-face {	Font-family: 'ModernPictogramsnormal';	src: url('modernpics-webFont.eot');	src: url('modernpics-webFont.eot?#IEfix') format('embedded-opentype'),url('modernpics-webFont.woff') format('woff'),url('modernpics-webFont.ttf') format('truetype'),url('modernpics-webFont.svg#ModernPictogramsnormal') format('svg');	Font-weight: normal;	Font-style: normal;}

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的css3 icon导航全部内容，希望文章能够帮你解决css3 icon导航所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。