>웹 프론트엔드 >HTML 튜토리얼 >Attitti css3 새로운 기능 요약 attilax

Attitti css3 새로운 기능 요약 attilax

WBOY
WBOY원래의
2016-10-17 09:11:221018검색

Atitti css3 새로운 기능attilax요약

사진 글로우 효과2

투명 그라데이션 효과2

텍스트 획2

배경 늘이기2

CSS3 선택기4

@Font-face 기능7

단어 줄 바꿈 및 텍스트 오버플로 스타일9

단어 줄 바꿈9

텍스트 넘침10

텍스트렌더링(텍스트장식) 12

CSS3 다중 열 레이아웃 13

테두리 및 색상(색상, 테두리)14

CSS3 그라데이션 효과(그라디언트)15

선형 그라데이션15

방사형 그라데이션16

CSS3 그림자 및 반사 효과19

CSS3 배경효과21

CSS3 박스 모델23

CSS3 전환, 변환 및 애니메이션30

전환30

변형31

애니메이션33

사진 글로우 효과

텍스트 그림자:#000 3px 0 0,#000 0 3px 0,#000 -3px 0 0,#000 0 -3px 0

각 면의 조명 효과를 설정할 수 있는데 조금 더 복잡합니다. .

투명 그라데이션 효과

배경: Radial-gradient(원, rgba(230,251,12,1.00) 40% , rgba(230,251,12,1.00) , rgba(230,251,12,0)) /* 표준 */

구문

텍스트 획

텍스트 렌더링(텍스트 장식) 스트로크를 사용하여 수행해야 합니다. . 야광효과는 괜찮지만 효과만으로는 좋지 않아요

배경 늘이기

배경 크기:100% 100%

CSS3 전환, 변환 및 애니메이션30

전환30

transition-property: 전환 효과

를 지정하는 데 사용됩니다.

변신31

애니메이션33

애니메이션에 대해 이야기해보겠습니다. CSS의 새로운 시대를 열었다고 할 수 있습니다. CSS에서 탈피하게 말이죠." 그래도 는 상투적인 전제입니다.

으로

CSS3에 대해 자세히 알아보기 새로운 기능.html

저자:: 닉네임:Laowa's Claw ( 전체 이름:: Attilax Akbar Al Rapanui Attilax Akbar Al Rapa Nui)

중국 이름: Aitila(Ai Long) , 이메일:1466519819@qq.com

재인쇄할 경우 출처를 밝혀주세요: http://www.cnblogs.com/attilax/

아티엔드

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.