Custom border in css
I am trying to make a custom border in style. I need the box to be like in first pic. I tried tweaking border radius but its not matching as per design, can someone help me with it.
codesandbox link: https://codesandbox.io/p/sandbox/xzzh99
Here's the code i tried
```
<div...
Nested Checkboxes in Pure CSS. Is it possible?
I created a website showing off checkboxes with a single-parent checkbox and three-child checkboxes. I have implementations in Vue, React, Vanilla JS, and others. I wanted to see if I could do a CSS-only implementation.
Here is a link to the CSS-only code example: https://codepen.io/jsolly/pen/LEPOmKo
It 'almost' works. The problem arises when all the boxes get checked, and you try to 'uncheck' them....
Is it possible to access computed aria values from JS
I want to access the
aria-expanded computed property on an element without it being present as an attribute.
In chrome devtools's accessibility tab, the property exists as a computed property, but I can't figure out how to access this value via JS. Is it possible, or is just internal state in chrome that I don't have access to?
element.ariaExpanded and element.getAttribute("aria-expanded") both just return null - so assume they are just trying to read the non-existent attribute, rather than the computed value....
how to create a Dynamic SVG line path based on hover interaction.
Hello friends!
I am need to create a svg line path that animates in. along this svg path i have divs the shape of circles. This line path resembles a sine wave except that the amplitudes are flat on top.
I need to find a way that when i hover over one of these circles place along the line path the circle scales bigger while making the line path on the left and right side grow. I feel like this is a terrible explanation so please refer to images.
...
