250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- javascript
- php
- react
- image
- 개발자
- jQuery
- front-end
- 애니메이션
- keyframes
- 프론트엔드
- iOS 개발자
- MAC
- CSS
- css3
- IOS
- html5
- effect
- Animation
- 자바스크립트
- 비전공자
- hover
- button
- 백엔드
- 풀스택
- HTML
- xcode
- SWIFT
- ipad
- iPhone
- 비전공 개발자
Archives
- Today
- Total
비전공자 개발일기
GROWING LEON APPLE ICON 본문
728x90
SMALL

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GROWING NEON APPLE ICON</title>
<link rel="stylesheet" href="style.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"
/>
</head>
<body>
<div class="logo">
<i class="fab fa-apple"></i>
</div>
</body>
</html>
.logo {
font-size: 8rem;
text-shadow: 0 0 100px;
animation: animate 2s infinite linear;
margin:25% 50%;
}
@keyframes animate {
0%, 100% {
color: lawngreen;
}
25% {
color: deeppink;
}
50% {
color: deepskyblue;
}
75% {
color: white;
}
}
728x90
LIST
'HTML _CSS' 카테고리의 다른 글
Lamp On Off Animation (0) | 2022.06.09 |
---|---|
CSS Simple Animation (0) | 2022.06.08 |
To Do List by Pure CSS (0) | 2022.06.05 |
Add To Cart Animation (0) | 2022.06.03 |
Snow Animation (0) | 2022.06.02 |