목록number (2)

비전공자 개발일기

Number Fill Animation

2,000,000,000 :root { --color-green-200: #197302; --color-green-600: #36FE04; } body { background: #000; display: grid; height: 100vh; min-height: 100dvh; place-items: center; } .number { color: #f09; font-size: 10vw; font-weight: bold; background-image: linear-gradient(var(--color-green-600), var(--color-green-600)), linear-gradient(var(--color-green-200), var(--color-green-200)); -webkit-backg..
HTML _CSS 2022. 12. 22. 00:47
Number Guessing Game

I am thinking of a number between 1-100. Can you guess it? GUESS No. Of Guesses: 0 Guessed Numbers are: None *, *:before, *:after{ padding: 0; margin: 0; box-sizing: border-box; } body{ height: 100vh; background: linear-gradient( to right, #7f53ac, #657ced ); } .container{ position: absolute; width: 50%; min-width: 580px; transform: translate(-50%,-50%); top: 50%; left: 50%; background-color: #f..
Javascript 2022. 11. 13. 18:01
이전 Prev 1 Next 다음