animated css
https://daneden.github.io/animate.css/
Animate.css
daneden.github.io
Download Animate.css or View on GitHub
CDN : 컨텐트 딜리버리 네트워크
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<style>
body{margin: auto; padding: 0px;}
.box{
border: 1px solid black;
width: 100px;
height: 100px;
position: relative;
top: 100px;
left: 100px;
}
</style>
</head>
<body>
<div class="box animated infinite bounce delay-0.5s"></div>
</body>
</html>'디지털 컨버전스 > HTML&CSS' 카테고리의 다른 글
| [UI 구현] (0) | 2020.05.01 |
|---|---|
| [CSS] 과제 - 비반응형 웹페이지 (0) | 2020.04.08 |
| [CSS] 예제 - 팝업 리스트 만들기 (0) | 2020.04.07 |
| [CSS] hover (0) | 2020.04.07 |
| [CSS] 예제 - 사이드바 트리거 (0) | 2020.04.07 |