利用CSS实现几款不错的菜单栏实例代码

2020-05-11 18:25:04易采站长站整理

-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icon-flip-vertical:before {
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before {
content: “f000”;
}
.icon-music:before {
content: “f001”;
}
.icon-search:before {
content: “f002”;
}
.icon-envelope:before {
content: “f003”;
}
.icon-heart:before {
content: “f004”;
}
.icon-star:before {
content: “f005”;
}
.icon-star-empty:before {
content: “f006”;
}
.icon-user:before {
content: “f007”;
}
.icon-film:before {
content: “f008”;
}
.icon-th-large:before {
content: “f009”;
}
.icon-th:before {
content: “f00a”;
}
.icon-th-list:before {
content: “f00b”;
}
.icon-ok:before {
content: “f00c”;
}
.icon-remove:before {
content: “f00d”;
}
.icon-zoom-in:before {
content: “f00e”;
}
.icon-zoom-out:before {
content: “f010”;
}
.icon-off:before {
content: “f011”;
}
.icon-signal:before {
content: “f012”;
}
.icon-cog:before {
content: “f013”;
}
.icon-trash:before {
content: “f014”;
}
.icon-home:before {
content: “f015”;
}
.icon-file:before {
content: “f016”;
}
.icon-time:before {
content: “f017”;
}
.icon-road:before {
content: “f018”;
}
.icon-download-alt:before {
content: “f019”;
}
.icon-download:before {
content: “f01a”;
}
.icon-upload:before {
content: “f01b”;
}
.icon-inbox:before {
content: “f01c”;
}
.icon-play-circle:before {
content: “f01d”;
}
.icon-repeat:before,
.icon-rotate-right:before {
content: “f01e”;
}
/* F020 doesn’t work in Safari. all shifted one down */
.icon-refresh:before {
content: “f021”;
}
.icon-list-alt:before {
content: “f022”;
}
.icon-lock:before {
content: “f023”;
}
.icon-flag:before {
content: “f024”;
}
.icon-headphones:before {
content: “f025”;
}
.icon-volume-off:before {