Closed. This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 1 year ago. Improve this question while working on my website I came across an odd problem for some reason I cant get the conte…
Tag: css
Inline SVG css animation not working on Safari
I’m using the latest version of these: This is the CSS I am using to achieve the desired CSS animation effects across literally all browsers except Safari. The grow-divider animation works perfectly, and another irrelevant one works perfectly as well on a different page. The only one I cannot get to wor…
Slick slider group navigation items with slides using data attributes
I am using Slick Slider JS to build out a history timeline. Each date range navigation item is connected to multiple slides using a data-group attribute. I am needing to adapt my code to transition the timeline__nav ul left or right using the previous and next buttons when the first slide with a matching data…
Set uploaded photo as website background image [closed]
Closed. This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 1 year ago. Improve this question I wrote a very simple image upload script, after uploading the image I thought of making the …
how to structure html to take advantage of media queries [closed]
Closed. This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 1 year ago. Improve this question I’m trying to design a registration page that will work on both …
Increment array up to max items
I’ve written this code. It rotates two divs like a card flip using css transform every 1000ms and displays new text in the div, which is drawn from an array. It runs infinitely. But once the array reaches its end I get an ‘undefined’ value because the i++ is incrementing on the final array i…
Center the Mouse cursor inside the circle
I’m Having trouble to center the default mouse cursor inside a circle that follows the mouse cursor here is codepen Demo see this image // Create an html element and append to body // Fuction that create circle to follow the cursor initCursor() Answer Simply remove 50% from each side using
How to change an svg image after onClick()?
I have a div tab that contains some text and an svg icon like so Once I click that tab then it expands like so Once expanded I want the svg icon to change to something else. So far my code isn’t throwing me any errors but also isn’t working as expected either. I currently have a function that shou…
Rotate an element an a fixed axis
Any way to achieve something like this in CSS/JS or GSAP ? Answer A simple CSS example
Is there anyway to create a button in html which when clicked, turns on the css?
For example, Imagine a black and white page, and then when you click the button, the page refreshes, giving you the same page but with css? Right now the only way I can think of doing this is with 2 different pages, but it would be nice to to do it with one page. Answer If you just want to