Could these scalable backgrounds be made with css?
I'm pretty inexperienced with css backgrounds and it always amazes me what people who are experienced with them can create. So I'm curious whether the top 3 shapes could be made in a way that easily scales to accommodate the content like in the two examples beneath the 3 shapes without the need for magic numbers etc
How to make text color adapt to progressbar
I am making a custom progress bar. In the center of bar, text is center. As the progress fill, text color should be black on filled side and white on unfilled side. is that possible?
i have attached the figma image and my output image. I dont know how to make that text color change based on background. Can anyone help me
Codesandbox Link: https://codesandbox.io/p/sandbox/react-new?utm_source=dotnew
...
What approach can I use to achieve this using tailwindcss in my react project?
I have tried using positioning but the spacing between the contents and shapes are not matching the design especially when I tried designing for the tablet screen size. Thanks in advance for your assistance
need help with radial reveal animation like example
I tried to recreate this radial animation but not able to achive the exact style can any one help me with this please
https://codepen.io/Ullas-Kunder/pen/rNXRxgB...
Slider with visible sides on the left and right
Hello guys. I need your help pls. I need to build a slider with partially visible sides like the apple one on this link https://www.apple.com/
How can I do that. I have tried creating with some chatgpt code when I add on my website its not like the apple one. https://corporate.kabum.digital/...
Need Help with Christmas Tree Growth Animation in React! ๐
Hi everyone! Iโm working on a React project and could use some guidance. The design involves a Christmas tree that starts off small and gradually grows as the user receives "appreciations" or points. For each appreciation, an envelope icon attaches to the tree as if itโs a decoration.
I've attached an image for reference. Any advice on how I can implement the tree growth animation and dynamically add envelope icons to it? Would love any tips or resources on achieving this effect in React!...
Radial Progressbar w/Rounded Square Caps?
I stumbled upon this CodePen and really like the design... It's easy enough to do radial progressbars with circular caps, but I can't think of a way to achieve it with rounded square caps.
Anyone know a way to accomplish this using CSS/SVG or perhaps a library that can already do it cleanly?...
How do grid lines work in CSS grid?
Hello guys, sorry to disturb you all; can someone explain how the CSS grid lines work please; the thing I'm not understanding is why the grid lines (represented by the black line) doesn't start on the edge of the rows or columns but before the rows or columns, like in the gap, I'm very confused about that. It is like if our grid-container has a padding and the black line is drawn in this padding.
Second is why we always have 1 more row grid line or 1 more column grid line that actual number of rows and columns....
