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)
not showing on android device
I put video background on my website. It’s showing on IOS Device but not showing on Android Device, any solution ?
Here is the link to my website:
https://sangzhii.github.io/Assignment/...
Landing page with height 100vh for Hero section causing trouble on larger screen sizes.
So I have a div for hero section to which I have given 100vh which looks decent on normal screen sizes but on large monitors it has extra white space which is a problem. what would be the best way to solve it ? giving it a max-height perhaps ?
When on the remote server, my js file cannot access the svg image. But on my local host it's ok
I've a js file in my js folder. I've a SVG image in my image folder. I'm trying to acces my image when the page loads (document.addEventListener('domContentLoaded', (e) => {})) through this js file but it can't reach the image.
The strange thing is that on Live Server it works, while on Github pages it doesn't work, while offline it doesn't work either... I don't understand.
The path is perfect, but depending on where the upload takes place (live server, offline or GitHub pages) it bugs and the image is not displayed!...
Vertically Align Text
Hello!
I'm trying to vertically align an H1's content. I have tried
vertical-align: middle;. A work-around was to display:flex then align-items:center. What's another way to do this without flex?
```...
how to render diff elements at once in vanila js
i have this api data what i want to have 7 diff p tags and every p tags should have maxtemp_c value how to achive this
Vertically stacked sticky headers
I am trying to replicate Twitter's layout.
I have a header menu bar, a side navbar that translates from the left when you click the header menu bar, and a set of tabs [For You, Following].
I want to sticky position all of the above elements to the top such that, as the user scrolls down the page, the elements will remain in their same position....
decision. how would you do it?
so i am remaiking my code for this site, how would you make the line to the left? at first i simply did the line on the first section and made the height of the line more than it's parent, that made in to some annoying problems when i changed the height of other things.
another option i thought of was just making the line on one section and copying it to the other ones. there would be some exact copies of code but it would change height to it's parent.
would you do it in some other way or does one of these sound better...
