Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Custom css to analog clock

    Custom CSS
    2
    4
    146
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • O
      omoioli last edited by

      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 1 Reply Last reply Reply Quote 0
      • bhepler
        bhepler Project Sponsor @omoioli last edited by

        @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

        O 1 Reply Last reply Reply Quote 0
        • O
          omoioli @bhepler last edited by

          @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 …

          1 Reply Last reply Reply Quote 0
          • bhepler
            bhepler Project Sponsor last edited by

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

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy