아름 답게 공간 텍스트: CSS 글꼴의 20 종류 거울 효과

일부 텍스트 효과 미러, 갑자기 그들의 공간은 너무 단조로운, 최적화를 서둘러 아니에요 보고 인터넷에서 원래 아무 CSS 코딩, 그들의 자신의 공간 홈 페이지를 사용 하 여 모든 사람을 촉진 하기 때문에 일부 CSS 텍스트 거울 효과 먼저 마무리 됩니다 CSS 코드를 밖으로 구성. 이제 공간을 아름 답게 자신만 CSS로 그것을 추가할 수 있습니다.
효과 다음과 같습니다.

20 CSS 글꼴 미러링 효과

20 CSS 글꼴 미러링 효과

20 CSS 글꼴 미러링 효과

20 CSS 글꼴 미러링 효과

20 CSS 글꼴 미러링 효과

미러링

해당 CSS 코드는:

1.
필터: 광선 (색상 레드, 강도 = = 10); 높이: 1
2.
필터: 흐림 효과 (추가 t, 방향 = 135, 강도 = = 10); 높이: 1
3.
Filter:progid:DXImageTransform.Microsoft.motionblur (힘 = 30, 추가 = 1, 방향 = 135) 정렬: 센터

4.
Filter:progid:DXImageTransform.Microsoft.wave (힘 = 3) 정렬:
5 센터입니다.
Filter:progid:DXImageTransform.Microsoft.wave (힘 3, 주파수 = = 5) 정렬: 센터

6입니다.
필터: 웨이브 (추가 = t, 주파수 = 5, lightstrength = 5, 위상 0, 강도 = = 5);

7 높이: 1.
필터: 그림자 (색상 = 파랑); 높이: 1
8.
필터: dropshadow (색상 = 밤색, 긍정적인 = 1)
9.
필터: dropshadow (색상 = 밤색, 긍정적인 = 0);

Filter:progid:DXImageTransform.Microsoft.engrave (바이어스 = 0.5);
높이: 1; 글꼴-크기: 20pt; 글꼴-가족: 영향, 배경-색상: 블루
정렬: 센터
11.br > Filter:progid:DXImageTransform.Microsoft.emboss (바이어스 = 0.5);
높이: 1; 글꼴-가족: 영향; 글꼴-크기: 20pt; 배경-색상: 블루
정렬: 센터
12.
필터: 마스크 (색상 = #E1E4EC) 그림자 (색상 #8C96B5, 방향 = 135 =) 크로마 (컬러 = #E1E4EC) "정렬: 센터
.
필터: 알파 (불투명도 = 100, finishiopacity = 0 스타일 = 1) 그림자 (색상 블루, 방향 = 135 =) 정렬: 센터
14.
필터: 마스크 (색상 #E1E4EC =) DropShadow (색상 #B4BBCF, offx = 3, offy = 3, 긍정 = = 1) 크로마 (컬러 = #E1E4EC) 정렬:
15 센터입니다.
필터: 광선 (색상 #8C96B5, 강도 = = 2) 그림자 (컬러 #B4BBCF, 방향 = 135 =) 정렬: 센터
16.
필터: 마스크 (색상 = #E1E4EC) 그림자 (컬러 #B4BBCF, 방향 = 135 =) 크로마 (컬러 = #E1E4EC) 정렬: 센터
17.
필터: 광선 (힘 = 1) 마스크 (색상 = #B4BBCF) 크로마 (컬러 = #B4BBCF) 정렬: 센터
.

필터: fliph
19입니다.
필터: flipv
20입니다.
필터: 광선 (힘 = 4) 마스크 (색상 = #E1E4EC)

변경 하려는 글꼴 속성 {}에서 CSS에 코드를 추가 합니다. 또한 귀하의 환경 설정에 맞게 코드를 수정할 수 있습니다.