CSS3는 2018년 새해 복 많이 받으세요 텍스트 애니메이션 특수 효과를 그립니다.
<스타일>
@import url("https://fonts.googleapis.com/css?family=Ultra");
몸 {
배경색: #070707;
글꼴 모음: 'Ultra', serif;
}
.컨테이너 {
높이: 250px;
너비: 450px;
패딩: 0;
마진: 0;
위치: 고정;
상단: 0;
하단: 0;
왼쪽: 0;
오른쪽: 0;
여백: 자동;
목록 스타일 유형: 없음;
테두리 반경: 10px;
텍스트 정렬: 중앙;
색상: #E8DDB5;
글꼴 크기: 4rem;
줄 높이: 1;
}
.container .newYear {
디스플레이: 인라인 블록;
글꼴 크기: 8rem;
마진: 0;
왼쪽: 50%;
변환: 번역X(-50%);
위치: 절대;
여백: 자동;
색상: #070707;
애니메이션: 애니메이션 2초 완화 무한;
하단: 0;
}
@keyframes 애니메이션 {
0%,100% {
텍스트 그림자: 4px 0px 1px #E8DDB5, 6px 0px 1px #E8DDB5, 8px 0px 1px #E8DDB5, 10px 0px 1px #E8DDB5;
}
50% {
텍스트 그림자: -4px 0px 1px #E8DDB5, -6px 0px 1px #E8DDB5, -4px 0px 1px #E8DDB5, -10px 0px 1px #E8DDB5;
}
}
</스타일>
一款好看的 CSS3绘 제조사 2018 New年快乐文字动画特效,字体是externative 引用谷歌的某种英文字体样式,如果换成中文汉字的话,可以根据你眼光选择字体.
이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn
관련 기사
![하드코딩된 값 없이 반응형 CSS3 선택 윤곽 효과를 어떻게 만들 수 있나요?](https://img.php.cn/upload/article/001/246/273/173343433184557.jpg)
06 Dec 2024
CSS3의 움직이는 텍스트 효과: 텍스트 적용을 위한 특정 값 피하기 CSS3 애니메이션에서는 텍스트가...
![CSS3 애니메이션만 사용하여 클래식 깜박이는 텍스트 효과를 어떻게 만들 수 있나요?](https://img.php.cn/upload/article/001/246/273/173287279339712.jpg)
29 Nov 2024
CSS3 애니메이션을 사용하여 고전적인 깜박임 효과 생성하기문제가 발생합니다: 구식을 연상시키는 깜박이는 텍스트 효과를 만드는 방법...
![CSS3 애니메이션으로 반응형 선택 윤곽 효과를 어떻게 만들 수 있나요?](https://img.php.cn/upload/article/001/246/273/173331655256757.jpg)
04 Dec 2024
반응형 마키 효과 구현하기 이 기사에서는 CSS3 애니메이션을 사용하여 반응형 마키 효과를 만드는 영역을 자세히 살펴보겠습니다....
![CSS3에서 페이드아웃 효과를 얻는 방법: 키프레임 애니메이션과 전환?](https://img.php.cn/upload/article/001/246/273/172999356410252.jpg)
27 Oct 2024
CSS3 전환 - 페이드 아웃 효과 CSS3에서는 키프레임 애니메이션을 사용하여 페이드 아웃 효과를 얻을 수 있습니다. 그러나 그것은 ...
![Internet Explorer 7/8에서 CSS3 효과를 어떻게 만들 수 있나요?](https://img.php.cn/upload/article/001/246/273/173011992357190.jpg)
28 Oct 2024
Internet Explorer 7/8에서 CSS3 효과 에뮬레이션많은 웹사이트에서는 둥근 모양을 사용하여 요소의 모양을 향상시키기 위해 CSS3의 기능을 활용합니다.
![CSS3 전환을 사용하여 페이드아웃 효과를 어떻게 만들 수 있나요?](https://img.php.cn/upload/article/001/246/273/173005809243988.jpg)
28 Oct 2024
CSS3 전환: 페이드아웃 효과 달성 CSS3에서 전환은 동적 시각 효과를 생성하기 위한 강력한 도구를 제공합니다. 그 중 효과는...
![기존 IE 브라우저에서 CSS3 효과를 어떻게 모방할 수 있습니까?](https://img.php.cn/upload/article/001/246/273/173009787162855.jpg)
28 Oct 2024
이전 IE 브라우저에서 경이로운 CSS3 효과 에뮬레이션 CSS3는 웹 디자인에 수많은 세련된 효과를 제공하지만 다음과 같은 레거시 브라우저는...
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
Hot Tools
![CSS 텍스트가 하트 모양의 애니메이션 특수 효과로 결합되었습니다.](https://img.php.cn/upload/jscode/000/000/001/5a41aee69fa64854.png)
CSS 텍스트가 하트 모양의 애니메이션 특수 효과로 결합되었습니다.
CSS 텍스트가 하트 모양의 애니메이션 특수 효과로 결합되었습니다.
![CSS3 SVG 표현 꽃 생기 특수 효과](https://img.php.cn/upload/jscode/000/000/001/58d8cebcc2691208.jpg)
CSS3 SVG 표현 꽃 생기 특수 효과
SS3 SVG 고백 꽃 애니메이션 특수효과는 발렌타인데이 애니메이션 특수효과입니다.
![CSS 쇼핑몰 웹사이트는 일반적으로 왼쪽 카테고리 드롭다운 탐색 메뉴 코드를 사용합니다.](https://img.php.cn/upload/jscode/000/000/001/5a3db819dcdbc612.png)
CSS 쇼핑몰 웹사이트는 일반적으로 왼쪽 카테고리 드롭다운 탐색 메뉴 코드를 사용합니다.
CSS 쇼핑몰 웹사이트는 일반적으로 왼쪽 카테고리 드롭다운 탐색 메뉴 코드를 사용합니다.
![jQuery+CSS3 발렌타인 데이 사랑 특수 효과](https://img.php.cn/upload/jscode/000/000/001/58d8d3ea886c2698.jpg)
jQuery+CSS3 발렌타인 데이 사랑 특수 효과
jQuery+CSS3 발렌타인 데이 사랑 특수 효과는 발렌타인 데이에 흔들리는 하트 애니메이션 특수 효과입니다.
![CSS3 숟가락으로 찹쌀밥을 퍼올리는 애니메이션 특수 효과](https://img.php.cn/upload/jscode/000/287/557/6209ad3adc2fc558.png)
CSS3 숟가락으로 찹쌀밥을 퍼올리는 애니메이션 특수 효과
귀여운 찹쌀떡 한 그릇 표정, 찹쌀떡을 퍼올리는 숟가락 애니메이션 특수효과
![](/static/imghw/taglogo.png)