hover3 간단한 hover 기능 구현(HTML, CSS) button button 2020. 7. 27. hover, transition를 이용한 버튼 (HTML, CSS) DOCTYPE html> Document *{ margin: 0; padding: 0; box-sizing: border-box; } .container{ display: flex; justify-content: center; align-items: center; height: 100vh; background-color: rgb(54, 52, 42); } .btn{ font-size: 20px; font-weight: bold; letter-spacing: 4px; text-transform: uppercase; padding: 30px 35px; background-color: transparent; color: rgba(68, 177, 26, 0.678); border: 3px solid rgb(25.. 2020. 7. 18. hover를 이용한 메뉴바 menubar (HTML, CSS) DOCTYPE html> Documentbody{ background-color:black; text-align: center;}nav{ position: absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}.box{ text-decoration: none; color : #FFB6C1; background: transparent; padding: 20px 30px; border-radius: 10px; font-weight: bold; text-transform: uppercase; transition: all 0.1s ease-in-out; border: 2px solid #FFB6C1; margin: 0 10px .. 2020. 7. 15. 이전 1 다음
