All Questions
12,181
questions
-1
votes
0
answers
27
views
HTML Css border generate [closed]
I have a block that I designed in Figma. Now I need to implement it in code using HTML and CSS. If you know of any React library that can help, please advise as I am building the frontend using React.
...
0
votes
1
answer
60
views
How to Create an SVG Shape with Rounded Corners and an Indented Bottom-Right Corner [closed]
I need help creating a specific SVG shape for my UI design, but I'm struggling to get it right with just CSS or SVG path code.
Here's what I'm looking for:
A rectangle with rounded corners.
The bottom-...
- 21
0
votes
1
answer
61
views
SVG not displaying on safari
I exported my image from Figma as an SVG, it combines 11 other images to make this collage. It does not render on Safari. Neither on my MacBook nor my iPhone but renders on Chrome fine. What is wrong? ...
1
vote
1
answer
36
views
Shopify custom animation css not working on ios device only but it works on web and android devices
Shopify custom animation css not working on ios device only but it works on web and android devices.
my shopify code :
{{ "MyLandAnimation.css" | asset_url | stylesheet_tag }}
<div class=&...
- 13
-3
votes
0
answers
26
views
How to cut out transparent semicircle from the top of an image? [duplicate]
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 500 250' preserveAspectRatio='xMinYMin meet'>
<pattern id='bg' width='100' height='100' patternUnits='userSpaceOnUse'...
- 43
2
votes
4
answers
93
views
Animating a path of an SVG icon to spin clockwise from center with CSS
I'm trying to spin/rotate the inner path of this SVG so that it spins clockwise.
Right now the path is spinning as if it was around a bigger circle. How do I spin the icon from the center point and ...
0
votes
0
answers
42
views
Background image with a pattern is misaligned, how can I solve it?
I'm trying to create a simple background pattern for a div using background-image. The pattern consists of diagonal lines designed to repeat seamlessly across the entire div. However, when the image ...
0
votes
1
answer
33
views
SVG Pattern Fill Works on <rect> but Scales Incorrectly on <polygon>
I am working with an SVG that includes a fill, which displays correctly when applied to a <rect>, but when I apply the same pattern to a <polygon>, it scales down to an extremely small ...
0
votes
0
answers
30
views
Nuxt Gradient Border Timer Flickering in Firefox and Safari
I'm developing an application where I have a component that displays a gradient border timer around the entire viewport. The border animates over time to represent a countdown, and when it reaches a ...
- 1
0
votes
0
answers
58
views
How to prevent the resizing of an element's bounding box in Safari?
I have a bunch of <use> (combined with <symbol>) elements within an SVG that I indefinitely animate using translate. This works really well on every browser. The thing is, this SVG is ...
- 37
-1
votes
1
answer
58
views
How can I change the stroke width, stroke-color, and opacity of SVG elements in my Leaflet overlay?
I have an SVG layer on top of my Leaflet map and I have created markers circles on this map, and label boxes, and lines that connect them. I can change most of the attributes of the csv elements, but ...
- 1,268
0
votes
0
answers
37
views
How to exactly fit an image in a roundedImage for .SVG image?
I've been trying to make this work for quite some time and have no clue whatsoever. I'm trying to make an image having a little gradient border, and fit in a rounded box.
<svg viewBox="0 0 ...
- 1
0
votes
1
answer
40
views
Is pop-out effect using blob svg achievable?
I'm quite struggling with this one. I found an article with this: https://css-tricks.com/lets-create-an-image-pop-out-effect-with-svg-clip-path/ , I alredy tried the steps. The problem is that I'm ...
- 105
0
votes
1
answer
57
views
My SVG background image is not covering the specific PATH
I'm having a problem setting a image in svg background, i have this svg code:
SVG tag: `
<svg
viewBox="0 0 530 510"
fill="none"
xmlns="http://www.w3.org/...
- 21
0
votes
0
answers
19
views
How to make svg that's size responds to adjacent text div [duplicate]
I have this JSFiddle: https://jsfiddle.net/jamesdaniels_passle/xcyL4jne/3/
I'm trying to get the svg's size to respond to the adjacent text, but I'm struggling to work it out.
I want the height of the ...
- 5,504