목록radial-gradient (2)

비전공자 개발일기

Multi Colored Text

Avengers ENDGAME * { margin: 0; padding: 0; box-sizing: border-box; } :root { --color-1: #186CB8; --color-2: #2A9A9F; --color-3: #F1B211; --color-4: #E83611; --color-5: #F9002F; } .wrapper { background-color: #000; line-height: 1; display: grid; place-items: center; min-height: calc(100vh - 16px); } h1 { font-size: 10vw; font-weight: 900; width: --webkit-min-content; width: --moz-min-content; wi..
HTML _CSS 2023. 1. 10. 00:24
Postage Stamp Cutout

* { margin: 0; padding: 0; box-sizing: border-box; } :root { --clr: #4FB6FF; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: var(--clr); } .box { position: relative; width: 400px; height: 320px; background: #FFF radial-gradient( var(--clr) 0px, var(--clr) 7px, transparent 0px ); background-size: 20px 20px; background-position: -10px; } ...
HTML _CSS 2022. 11. 22. 11:42
이전 Prev 1 Next 다음