Tok124 (CSS Nerd) Comments - Answer Overflow

It is centered vertically. But some letters go below the bottom baseline such as "g" so it needs to create extra space for this below the text baseline, And same goes for the top.

54 replies

KPCKevin Powell - Community

•Created by lko on 3/29/2025 in #front-end

Can you create a carousel in a .container, but with visible overflow with plain CSS?

Nah, you cannot make it exactly like that, the content that is overflowing will be hidden until you scroll to it

8 replies

KPCKevin Powell - Community

•Created by lko on 3/29/2025 in #front-end

Can you create a carousel in a .container, but with visible overflow with plain CSS?

You cannot do swipe with just CSS, but you can use scroll-snap

8 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

It will still be the same behavior. the only thing you could do is to stack elements on top of each other like

<div class="stack">
  <div class="mask"></div>
  <div class="overlay"></div>
</div>

<div class="stack">
  <div class="mask"></div>
  <div class="overlay"></div>
</div>

Now you can put the mask on the mask div and put whatever you want on overlay and make the overlap stack on top of mask. that works, and this is the only way

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

Problem is that the mask will mask out everything, even shadow and text and everything

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

Ah alright

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

Yeah well. i was expecting that it wouldn't work. but always worth giving it a try 🙂

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

@PatrikFrom what i can see by reading your code, it seems like you have used box-shadow as i expected

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

Aah, i thought you used box-shadow property

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

Yeah adding a shadow/glow effect will definitely be a great challenge. that really wont be easy at all... You could try filter:drop-shadow(0 0 10px red); but i don't think that is going to work... Most likely it will require tons of code to get shadow to work as you want...

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

np 🙂

44 replies

KPCKevin Powell - Community

•Created by Patrik on 3/25/2025 in #front-end

Substract image with css

Yeah you can

44 replies

KPCKevin Powell - Community