Zum Inhalt der Seite gehen

Suche

Beiträge, die mit CSS getaggt sind

oh shit oh no people are following me already i should probably write an #introduction

Hi! I am a girl-shaped creature from #scotland. #trans, neurospicy, always tired. I'm not a fan of social media but people keep telling me I should give fedi a go.

Planetary data scientist by training, but right now I pay the bills with #webdev. One of those weirdos who actually likes #css. I use #ArchLinux btw.

I play #netrunner, #fabtcg, #pokémon, #ffxiv and all kinds of #ttrpg. Feel free to reach out!
#introduction #scotland #ttrpg #trans #webdev #pokemon #css #archlinux #netrunner #fabtcg #ffxiv

TIL `box-decoration-break`

> ... specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.

My use case: back-ground effects applied to text 'chopped' when the text wrapped. Using `box-decoration-break: clone` gave desired effect

Only supported for inline elements though! `-webkit` variant required for now!

#CSS #design #frontend

(P.S. I'd sure be glad for upvotes on my SO answer so I can just comment next time https://stackoverflow.com/a/77272442/10282058 🙏 )
Title text has an aquamarine background with rounded corners. However, because the view is on mobile, the title is wrapped onto three lines. Where the text is wrapped, there is no padding, leading the the background starting and stopping exactly where the text starts and stops. Additionally, the intermediary corners are sharp.
The same title text and background, wrapped onto three lines, except here the padding is conserved and the corners are rounded at the additional sections.

Inline text - background color with padding

I need to make a Headline with background color which is not a block(only the text-bg is colored). Here is an image of what I have to archieve: And here is what I've got so far: http://jsbin.com/
Stack Overflow
#design #css #frontend

⇧