SVG Circle
I made a circle in svg. It is supposed to be a speedometer for a Game UI, i'm also using Vue as a Framework.
Dasharray 766 is the full circle, 577 is 3/4 of it.
Normally when i have a circle like this and i set the Dashoffset to the exact number as the Dasharray the stroke is empty, but with this circle, the rest that wasn't filled out before now gets filled out.
Idk if i'm doing something wrong.
...
How to do this with tailwind css?
I want this to line in both sides of "or" text. How to do this with tailwind css?
flex grow on grid
so I have this grid and want the last image to grow. How can I do that with grid?
in the second image i have the code being used for the grid layout...
Height Question
Hello,
I created a
section with min-height: 100vh. Inside of this section, is main with a height of 100%. Being that main is a child of section which has a defined height, 100% should fill up space, but isn't? How could I fix this? Do I need to give main a defined height in pixels?...
Header's Border Line Reacting to Main
I don't know how is that possible to be happening, so here I am.
Here is the piece of the codes:
HTML:...
Help with Flexbox Nav Bar.
I am a beginner in CSS and I wanted to create a navbar. I made an absolute div with css and used flex bot to justify it evenly. but the main Nav with the links is not in the center of the page, how can I fix it? Thanks a lot.
How to center this div?
I am using tailwind css.
The "Sign in" text has "text-center" property I want the above component in centre too. How to do that?...
How to mask sibling divs
I am currently designing my portfolio and I've been wondering how do I achieve this design in css?
I tried making it but I don't know how to hide the overflowing of the shape.
this is my sass
`html,...
Need help replicating an animation
Hi all, I'm trying to replicate/make an animation similar to what You see in the image which is a sort of..., circuit board animation(?), I don't really know the proper name for it nor can I find any tutorials, anyway, the animation starts off with just the square/rectangle and then lines/traces (Whatever You wanna call them, lol) branch outwards from the center.
Now, I want to try and replicate exactly this (The colors don't matter for now btw, I can do those later) but make it so that it branches out on 4 all sides and also make it so that the lines don't overlap each other / go on top of one another when randomly generated.
So far I've only been able to find the odd one or two Codepen.io example which has that line/trace effect like this one in particular: https://codepen.io/loktar00/pen/rNMKZq but, it doesn't start from the center, sadly; the lines/traces start at random positions based on the (entered) values for
startTraces and totalTraces in the top right part of the screen....
Hello everyone im trying to add the real G of google but i can't realy find it
i cant create a letter G of google same as it is ( or would u suggest me to download the image)
