목록크리스마스 (2)

비전공자 개발일기

X-mas Background

움직이는 눈, 산타 * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { background: linear-gradient(#A2000A, #CF0000); display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { width: 100%; height: 100vh; overflow: hidden; } .container::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 200px; background-image: url('t..
HTML _CSS 2022. 12. 26. 00:48
Christmas Tree

* { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #E8FFE8; } .tree { position: relative; top: -100px; width: 300px; height: 300px; transform-style: preserve-3d; transform: rotateX(-20deg) rotateY(30deg); animation: animate 6s linear infinite; } .tree::before { content: '⭐'; position: absol..
HTML _CSS 2022. 9. 13. 00:58
이전 Prev 1 Next 다음