반응형
화면에 특수 효과를 추가하는 간단한 HTML 코드를 제공합니다. 이 코드는 텍스트를 깜박이는 효과로 변경하는 예제입니다.
<!DOCTYPE html>
<html>
<head>
<title>특수 효과 추가</title>
<style>
/* 효과 스타일 */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.blinking-text {
animation: blink 1s infinite;
}
</style>
</head>
<body>
<h1>특수 효과 추가</h1>
<!-- 깜박이는 텍스트 -->
<p class="blinking-text">이 텍스트는 깜박입니다.</p>
</body>
</html>
위 코드에서는 @keyframes를 사용하여 blink라는 애니메이션을 정의하고, 이 애니메이션을 .blinking-text 클래스에 적용하여 텍스트가 깜박이도록 만듭니다.
결과 보기
반응형
'HTML 예제' 카테고리의 다른 글
| 사진 크기 조절하기 (0) | 2023.12.07 |
|---|---|
| CSS 애니메이션 사용 (0) | 2023.12.07 |
| 간단한 슬라이더 만들기 (0) | 2023.12.07 |
| 사용자 입력을 그래프로 표시 (0) | 2023.12.07 |
| 마우스 오버 이벤트 (0) | 2023.12.07 |
