css-houdini-squircle
css-houdini-squircle copied to clipboard
PavelLaptev
A tiny CSS Houdini module that allows to add a squircle shape to HTML elements
 98.0.2 (64-bit) Mozilla Firefox for Ubuntu
When I use drop shadow it just fade like this- `filter: drop-shadow(-2px 1px 11px black);`  and when I use box-shadow I fell like this-  if I am doing...
Applying a squircle fill to an `` or wrapping another element in one results in nothing appearing
Instead of displaying nothing on safari, why not make sure that the border-radius is a default one and a border is added to the element? Example https://codepen.io/PavelLaptev/pen/OJWgReV Chrome 
Hey there! Here's an example CSS snippet on how to use squircles effectively with CSS variables (to increase performance and avoid repaints when using both a fill and outline). Firstly,...
No-comma color functions syntax is valid CSS, is supported by all major browsers and used by me in production: ```css color: rgb(255 255 255/.5); /* Semi-transparent white */ ``` But...
Given a 100x100 px square: ` --squircle-radius: 0 **27px** 15px 15px; `  ` --squircle-radius: 0 **28px** 15px 15px; `  Every other side ends up with the maximum value
Is it possible to apply a transition effect to --spircle-fill or any of the others? Something like: `transition: --squircle-fill 0.3s ease;` doesn't seem to be working.
The link in the "about" section on the GitHub page is broken:  should be https://pavellaptev.github.io/css-houdini-squircle/ instead
Hello, Thank you for creating this excellent CSS Houdini squircle module. I am using it in my project, and the squircle effect works perfectly when I apply it directly to...
Metadata
Owner
Metadata
A tiny CSS Houdini module that allows to add a squircle shape to HTML elements