목록counter (3)

비전공자 개발일기

Counter APP

Counter APP 0 decrement reset increment * { margin: 0; padding: 0; box-sizing: border-box; } body { font-size: 16px; color: #333; width: 400px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 100vh; background-color: #ABDCF0; } h1 { text-transform: uppercase; } .counter-preview { font-size: 8rem; font-weight: 700; color: #333; } bu..
Javascript 2023. 2. 17. 00:12
Live Word Counter

0 Words 0 Characters * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #8b5ceb; } .wrapper { position: absolute; width: 90vmin; transform: translate(-50%, -50%); top: 50%; left: 50%; } .container { background-color: #ffffff; padding: 50px 30px 80px 30px; border-radius: 8px; box-shadow: 0 30px 50px rgba(30, 21, 49, 0.3); } textarea {..
Javascript 2022. 11. 30. 13:07
Javascript - Incrementing Counter

Twitter Followers YouTube Subscribers Facebook Fans @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); * { box-sizing: border-box; } body { background-color: #8e44ad; color: #fff; font-family: 'Roboto Mono', sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .counter-container { display: flex; flex..
Javascript 2021. 10. 22. 00:30
이전 Prev 1 Next 다음