Is this Possible by Clip-paths and is it possible to animate Clip-paths ?
Hello everyone, can anyone help me with a design and animation question? I'm wondering what the best approach would be for creating this design. Should I use SVG animation or curves? I've tried using curves, but I couldn't get the shapes I wanted. Thank you in advance for your help.
font-size discrepancy using rem
Hey guys I am doing a project and I am new to front-end. Doing so, I found something which I cant understand. Could you guys help me with that.
My browser: 1rem = 16px
If i set font-size on using join__cards *....i get expected font-size. But if i set that on its grand-parent div...even though font-size is inhereted (You can see this in the screenshot) font-size is unexpected. I dont understand why this is happening.
...
How do I import swiper.js package from node_modules into my main js.file?
Hey guys,
So I downloaded the swiper.js packackge via npm and did exactly what the doc says but it doesnt work?!!? I even tried to import with relative path but it still does not work. So how do I have to import it?!...
Date Input field for birthday, 'masking' the user input, incorporating 'show' button
I'm trying to create a birthday date input field inside of a React-bootstrap 'Form'.
What I want it to do:
Have "mm/dd/yyyy" as a placeholder
...
How to horizontally center an element with translated content outside of it's width
I have a heading h3:
```css...
How can I make the top of this overlay transparent?
Hey guys I got this code and you can see it looks like like a "box"but I'm trying to make the top more transparent so it kinda fades it.
not sure how to get this, any ideas?
```css
.blog-post .black-overlay {...
Text in Responsive Background Image Overflow
```css
.background-image-anime {
width: 100%;
background-size: 100% auto;
background-image: url('../assets/ezgif-3-d2831f8743.gif');...
What tag should be used in the shown section?
What tag should I use in the part where there is a photo, which is the best approach?
What should I do to this svg background (I'm new here and still learning)
it seems like this svg image that I'm going to put it to the background of my heading section seems a bit smaller than my screen (Svg background seems fit only 1440x but my screen is 2048x. And What should I do or design to make this 'svg' perfect?. I'm quite really hard and new thing for me to design this
Guidance To UI Design
I am Trying to replicate this UI. I have tried to replicate them but the steps are not aligning properly. how can I align them . , Can you please tell how can I Do it . Please find the codesandbox link : https://codesandbox.io/p/sandbox/floral-cdn-7n2c7t?file=%2Fsrc%2Findex.css%3A9%2C2
How to add two different background images on the body
Guys, how do I add these two SVGs so that the first is at the top of the document and the second is at the end?
I painted them red just for you to see.
Repo: https://github.com/sircarloschaves/social-proof-section...
Images not displaying in React production build
I'm facing an issue with my React app deployed on production where the images from my images folder are not displaying. Locally, everything works fine during development, but after deploying the app, none of the pictures are showing up.
my goal is to import my entire image folder to the website I've tried to use import images but no luck
My project structure looks like this:...
