지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > 아이콘 버튼 프레임워크의 순수 CSS 구현

아이콘 버튼 프레임워크의 순수 CSS 구현

WBOY
풀어 주다： 2016-07-25 08:47:59
원래의
1458명이 탐색했습니다.
fa-lg图标大小(增加33%), fa-2x, fa-3x, fa-4x,或 fa-5x类。

fa-stack-1x固定大小的图标, fa-stack-2x

使用任意旋转和翻转图标 fa-rotate-*和 fa-flip-*类。 *代表多少度:fa-rotate-90

使用 fa-spin旋转类得到任何图标。能够很好地处理 fa-spinner, fa-refresh, fa-cog.

fa-border 边框

演示地址demo:
http://www.0917cc.com/blog/b926.htm
  1. @font-face {
  2. font-family: 'FontAwesome';
  3. src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  4. src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  5. font-weight: normal;
  6. font-style: normal;
  7. }
复制代码
复制代码
아이콘 버튼 프레임워크의 순수 CSS 구현


관련 라벨：
纯css实现图标按钮框架
원천：php.cn
이전 기사：LAMP LNMP 환경 설정 동영상 튜토리얼 무료 다운로드! 다음 기사：pdo 작업을 통해 sqlite는 더 많은 sql 문과 호환됩니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
그림자 복제 버전으로 메뉴 버튼을 x 모양으로 변환하는 호버 효과 만들기 먼저 제 제목이 혼란스럽다는 점을 인정하고 죄송합니다. 내가 달성하고 싶은 것은 hover에 대한 다음과 같은 효과입니다. 내 웹 사이트는 여기 https://w...
에서 2024-04-04 11:55:21
0
2
315
바닐라 JS setTimeout(): 잘못된 동작 식별 HTML, CSS 및 바닐라 JavaScript로 작성된 햄버거 메뉴에 애니메이션이 있습니다. 예상 결과 햄버거 메뉴 버튼을 클릭하면 다음 이벤트가 발생해야 합니...
에서 2024-04-02 20:44:40
0
1
284
헤더 중앙에 이미지를 표시하는 방법은 무엇입니까? 우선, 내 코드는 HTML, CSS 및 JS의 3개 파일을 기반으로 합니다. HTML을 생성하기 위해 Bootstrap5.1.3 프레임워크를 사용하고 있다는 점에...
에서 2024-04-01 23:49:58
0
1
372
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿