Help creating a generic overlapping grid rule.
I'm new to css and want to know if there are any clear problems with the attached approach.
Ideally I should be able to use this for any two items.
The result should be two stacked items on the z-axis, with the second item being on top. ...
html2canvas to capture dom element
I am trying to create a "screenshot" of the html element with
html2canvas, but some elements are moved out of their place.
Would you happen to know why?
Also, if you have better options to handle that, please share....
Why Data type doesn´t work ?
I have these 3 cards and only think that changes is the background and i try use de data type but doesnt work, any tip?
Testimonial Slider Structure Understanding
So we have the Outer layer (GREEN), in which we set it to fixed sizes when in mobile size and desktop size, then we have the actual slider (RED), in which we set it to fixed size for both desktop and mobile, this one is the one that we slide left right? and then we have the cards (PURPLE), do I understand the building blocks of the testimonial slider right? Or any slider in general, is this how they build sliders?
selectable transparent text with readable background and aria-hidden="true"
Aloha! I have been drafting a new website theme. For the logo, I've set the element background to the designed graphical logo, and then the element content matches the logo-text with
color: transparent; set in the css.
With this set up, text in the logo appears to be selectable and is screen-reader-readable. Likewise the element content is legible despite being transparent, as a result of its SVG background, the logo...
Obviously when I test the page for accessible text contrast (with a browser extension), it fails because this text is not visible... ...
Overflow:scroll while keeping a specific child element visible outside?
Hi all. Usually I can strumble around and find a solution, but I'm stuck here.
I have a vertically scrollable container that contains a bunch of clickable cards. I have added a
--zoom property so that the cards can grow on hover. However, when hovering over the top row of cards, the top of it gets clipped (as expected). Ideally I'd like to keep the scroll behaviour, while keeping all of the hovered over card visible on the top. Pulling it out of the flow is a hassle to get looking right, and it breaks being able to scroll while hovering over it. Is there any way to achieve what I'm after?
This is me modifying an existing app, so I really want to keep it CSS only if at all possible....