Code this weird bendy thing with text inside?
I keep seeing designs like this but I don't know how to code it in CSS. can someone give me some ideas? I honestly don't know how it will look on mobile
Smartly overlapped section with the one above
Hi!
I have a front-end challenge for a position im applying, im almost finish but there's one section I just can get right because to make it dynamic with the content that can be variable it's very tricky.
Can I get some help on how to create this? I need to deliver today...
Kennt sich einer mit tailwind aus?
Ich führe die Instalation durch, wie beschrieben auf der seite es funktioniert aber nicht. Habe noch ein Bild, falls es weiterhilft, vielleicht ist das ja nen gängiges Problem
Read more content to popup
i have this description
what i want is if the content is going beyond line 3 it should have this
more... and when we click it should open the whole content into a popup
what i did is, as i am using tailwind. i restraint the content to 3 line with line-clamp-3 but i can't add more after it. so i added a span with More.. and added onClick to open a popup but now the problem is even when the content is not of 3lines it still shows more
the solution i found on internet says i need to calculate the line-height to determine if the content is of 3 lines but still the problem is if the content is of 3lines but it is not touching the last point suppose there's only 3 words on last line ...
Scale button on hover causes text in it to blur during transition
Hello everyone, i am trying to create an hover effect for a button where the button increases it's size. I noticed that this problem has some stack overflow solutions but none seemed to work on my end. I was wondering if anyone has had a similar problem and how they solved it.
One work around i see is maintain the size of the text and increase only the size of the button.
Here is the code i am using:
```html...
"Overlay" section, between section, with dynamic content
I'm trying to recreate this effect (the overlay section that is in between two sections, with the form in it), without calculating the height with JS and positioning it with
absolute. Initially, I thought that I could use something like margin-block-start: -50% to move it up 50 % of its height, and therefore make the content below "follow along", but it moves up waaay more than that. You guys have any other approaches I should look into? I'm running out of ideas.
background
Hi guys, I'm facing some difficulties with this layout, I'd like to be able to replicate this background, something like that, but the radius doesn't look the same at all
Absolutely positioned element in the DOM but it's not visible at all with a z-index of 70
Somehow the console logs show the right flag changing from true to false, affecting its insertion in the DOM, yet it's not visible at all, only when I hover over the element in the DOM, as seen in the gif. What can I do about this? Its direct parent is relatively positioned...
Blurred circle inside div
Hi! I have created this effect in Figma of a blurred circle contained in a div. Below is how far I have got but I am running in to a problem. The circle is popping out of the div and I cannot seem to see how I would cut it to fit the div
```html
<section class="relative bg-object rounded-md mx-1 py-1 -z-20">
<div class="circle" />...
