#home .line {
	display:block;
	width:200%;
	position:absolute;
	z-index:0;
	left:50%;
	margin-left:-100%;
	height:1px;
	background:#f142aa;
}
#home .line1 {
	bottom:200px;
	animation-name:line1;
	animation-duration:18s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}
@keyframes line1 {
	from {transform:rotate(-4deg);}
	50% {transform:rotate(-10deg);}
	to {transform:rotate(-4deg);}
}

'PROGRAM > CSS' 카테고리의 다른 글

only safari css hack  (0) 2015.10.19
반응형 스크롤 사이즈 포함한 문서의 넓이 CSS  (0) 2015.04.16
웹폰트 생성 사이트  (0) 2014.06.20
ie7,8 html5, css3 지원  (0) 2014.04.11
강제로 익스 호환성보기  (0) 2014.03.19