본문 바로가기

웹퍼블리싱28

css 무한애니메이션 @keyframes changewidth { from { width: 0px; } to { width: 50px; } } .more_animation { animation-duration: 1s; animation-name: changewidth; animation-iteration-count: infinite; animation-direction: alternate; } 2019. 2. 22.
svg inline animaiton 예시 c-5.208,5.088-8.466,12.162-8.466,20c0,5.393,1.605,10.39,4.259,14.668C282.689,359.125,276,368.768,276,380 c0,4.311,1.061,8.349,2.809,12H216c0-24.461-12.258-46.109-30.953-59.125C203.125,325.984,216,308.469,216,288 c0-4.418-3.578-8-8-8h-64v-80h-16v80c-13.234,0-24,10.766-24,24v176h16V304c0-4.41,3.586-8,8-8h70.984 c-3.555,13.785-16.102,24-30.984,24h-24c-4.422,0-8,3.582-8,8s3.578,8,8,8c30.875,0,.. 2018. 12. 27.
[제이쿼리] hasclass / 클릭했을때 if 특정 영역이 아니면 이벤트 발생 시키기 $('html').click(function(e) { if(!$(e.target).hasClass("특정클래스명")) { console.log("영역밖입니다"); } }); 출처 http://chobokkiri.tistory.com/67 2018. 11. 7.
blink css 원하는곳에 class="blink" 추가하기 2018. 10. 22.

티스토리툴바