Web18 간단한 hover 기능 구현(HTML, CSS) button button 2020. 7. 27. 간단한 프로그레스 바(progress bar) 만들기(HTML, CSS, JAVASCRIPT 프로그레스 바 5% 클릭해주세요 2020. 7. 21. 자바스크립트를 사용하지 않은 슬라이드 이미지 만들기(HTML, CSS) html> lang="en"> class="container"> 2020. 7. 21. transfrom, keyframes 도형 회전하기(HTML, CSS) DOCTYPE html> Document *{ margin: 0; padding: 0; box-sizing: border-box; } .wi{ justify-content: center; align-items: center; width: 100%; height: 100%; top: 50%; left: 50%; background-color: #6e6438; position: absolute; transform: translate(-50%, -50%); display: flex; } .box{ width: 200px; height: 200px; animation: rotate 2.5s infinite; background: linear-gradient(to right, rgb(90, 92, 231) 50%.. 2020. 7. 18. 이전 1 2 3 4 5 다음
