목록liquid (2)

비전공자 개발일기

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
Colorful Glowing Liquid Bowl

* { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #121212; } .bowl { position: relative; width: 300px; height: 300px; background-color: rgba(255, 255, 255, .1); border-radius: 50%; border: 8px solid transparent; transform-origin: bottom center; animation: animate 5s linear infinite; } @key..
HTML _CSS 2022. 9. 9. 00:24
이전 Prev 1 Next 다음