All Questions
8
questions with no upvoted or accepted answers
3
votes
1
answer
239
views
Get Clipped Line Visible Area Length d3
I'm trying to clip a line with circle using ClipPath and successfully done it with dragging as well. Here is my working Code;
function clipData(svg, cx, cy) {
var clip = svg.append("defs")
...
1
vote
0
answers
530
views
Clip path on d3 area not working in React.js
I have the following in a graph component in react:
constructor(props) {
super(props);
this.state = {
activeIndex: 9
};
this.margin = {
top: 10,
...
0
votes
0
answers
81
views
Aspect ratio of polygon-clip path
I have a polygon shape inside the container but the problem is shape has the static width and height of both div . I want to make it responsive and it should take the 80% of the given space with some ...
0
votes
0
answers
39
views
How to make a staircase / step line using svg in reactjs / nextjs?
Hey guys i am very new to svg path animations,
i am trying to re create steps / stair svg path something like below
How do i proceed to make something like this ?
animated as in on scroll it fix ...
0
votes
0
answers
111
views
Hide SVG or Image behind border
I have the following problem. I have created an Hexagon that has a coloured border and I would like to place an image or SVG inside the hexagon, and the problem is that I cant figure out how to make ...
0
votes
0
answers
587
views
Clip-path is not working. Did I miss something?
I'm trying to use clip-path in CSS but it's not working. I've watched plenty tutorials by now and it seems simple, but it's just not working and doesn't appear to be trying to work. I should also ...
0
votes
0
answers
94
views
Css overlay height inheritance
I am making my personal portfolio and faced big issue. As you can on the picture black overlay have to "catch up" picture, to be precise, it has to be same height. If I increase only height ...
-3
votes
1
answer
1k
views
CSS, How can I do the exact opposite of this clip-path?
Hi guys I'm trying to make a arrow back shape for a container in my react project, so right now I managed to make a forward arrow using clipPath:
<div style={{clipPath: 'polygon(0 0, 0 100%, 70% ...