Custom css to analog clock

[omoioli]

Hi,
As a way to apply a custom css to default analog clock ? I would like the circle bigger, and apply a shadow…
I know the clock face is SVG, but i read somewhere we can change this with css …

[bhepler]

@omoioli - The clocks that are included with the Magic Mirror framework are SVG image files that are scaled up as needed. You should be able to apply a shadow and scale the entire image, but I don’t think you’ll be able to change individual portions (such as just the outside circle).

However! You can always create a fully SVG clock module and do it that way. I found this during my recent research: SVG Analog Clock

[omoioli]

@bhepler i try to use an svg image clock i download, i found in the web this : https://svgsilh.com/fr/tag/l’horloge-1.html , i change the name to face-013.svg, change the config, but in my MM, nothing …

[bhepler]

Here, this might be helpful for what you are trying to accomplish.
https://stackoverflow.com/questions/6088409/svg-drop-shadow-using-css3