목록water (3)

비전공자 개발일기

Fill Glass Loader

* { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #111; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .loader { width: 32px; height: 72px; display: inline-block; position: relative; border: 2px solid #FFF; animation: fill 2s linear infinite alternate; color: #2598EB; border-radius: 0 0 4px 4px; transform: perspective(140px) rotateX(..
HTML _CSS 2023. 1. 27. 00:40
Liquid Drop Login page

Sign in Forget Password Sign up * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #EFF0F4; } .container { position: relative; left: -80px; display: flex; justify-content: center; align-items: center; } .container .drop { position: relative; width: 350px; height: 350px; box-shadow: inset 20..
HTML _CSS 2022. 11. 26. 12:45
Water Drop Card

01 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, id? Read More 02 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, id? Read More 03 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, id? Read More * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-c..
HTML _CSS 2022. 11. 18. 00:31
이전 Prev 1 Next 다음