All Questions
12
questions
0
votes
1
answer
466
views
Using clip-path on mobile ruins the performance
I apply clip-path (code below) on multiple elements on the site (it basically cuts the corner of each rectangle box/button/image so they become octagons).
On desktop it works great, but it completely ...
0
votes
1
answer
143
views
glitch effect text animation not functioning
I am a beginner in HTML + CSS and I'm trying to copy this glitch effect animation but codepen uses SCSS files while I'm only using CSS. Here's my version that is not working properly. The
"Fast ...
4
votes
1
answer
1k
views
Migrating from clip to clip-path to use percent values
I am currently using scss written animation for "moving" borders. Animation is mainly based on clip.
$box-size-w: 80px;
$box-size-h: 50px;
@keyframes clipMe {
0%, 100% {
...
9
votes
2
answers
1k
views
How can I obtain any custom shape using clip-path css propery?
I am trying to obtain the shape using clip-path polygon property and it's not working as expected the shape I want to make is given below
I tried the following code but it is giving the corners not ...
-1
votes
2
answers
515
views
Is there any way to add a border to a clip path css? [duplicate]
I'm struggling to replicate the button style as in the image below. I've tried using clip path but I'm not getting the desired effect where there is a visible border and a semitransparent background.
...
2
votes
1
answer
3k
views
Clip-path arc shape
I'm trying to make arc shape of pseudo-element of the parent div, I'm trying to achieve this look by using clip-path, this is simplified example of the look that I'm after:
I'm kinda limited in what ...
2
votes
1
answer
5k
views
clip-path polygon rounded edge
I am trying to round the bottom right corner of a div while also slanting the bottom of the div. My understanding is that you can't necessarily use ellipse in conjunction with polygon and am looking ...
0
votes
2
answers
278
views
How to create buttons with circle mold in CSS
I am currently trying to recreate the following PNG into HTML/CSS
The finished product is supposed to look just like this- 3 buttons spaced evenly in a circle "mold" (If you look around the element's ...
0
votes
1
answer
61
views
CSS Shape over navigation tab
I want to generate a design like below. A "new" on the top of plans tab. The properties that i have used works well with chrome and mozilla but breaks down in Edge.
Below is the styles i applied to ...
0
votes
0
answers
2k
views
Creating a custom checkbox using clip-mask
So I'm trying to create a custom checkbox using CSS and clip-path. I have that creating and working just fine. Now the problem is when I check the box the border disappears. Not sure why this is ...
0
votes
1
answer
8k
views
CSS - Add border color on clip path polygon
I'm working with clip path for the first time and i need to add a border in this shape. Anyone can explain me how to do that?
.image-center {
width: 300px;
height: 300px;
margin: 0 auto;
...
2
votes
3
answers
935
views
Custom CSS shape with borders and background image
Hi guys im trying to do this in css/sass only! The border have to change on rollover and the background could be an image! I tried SVG and clipPath, transform3d without any success!Example here