The Largest Curatorial Library
With Responsive Svg

animation
jQuery Responsive Countdown with Visual Builder

jQuery Responsive Countdown with Visual Builder

This is a javascript based tool that uses the canvas object to animate SVG defined drawings. The tool uses a flip animation to display the remaining time to or the elapsed time from a target date. The tool detects change of width and height of its container object and responds accordingly. Since it uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized. The tool features around 30 options to customize but it can also be used in a simple configuration. 1. In order to play, the tool needs to execute on a div that is relatively or absolutely positioned, because the tool creates layers of canvas objects within the div that are absolutely positioned. The div needs to have an id attribute in order to be easily selected. The div may have width defined with percent values. Every resize of browser will get detected by the tool and it will redraw accordingly. The height of the div is not important, because the tool will change it in order to draw the countdown. There is a parameter though that defines the maximum height the tool can have. Here is an example of a div object that can be used:

Created Feb 2, 2014 · Updated Jan 2, 2020 · ★ 4.98 (50) · 1K sales

Go to Website
Error Code 404 Animated SVG

Error Code 404 Animated SVG

This is a Scalable Vector Graphics (SVG) animation, created with the help of Dmitry Baranovskiy’s Snap.svg JavaScript library. It starts with the SOS international Morse code distress signal, which is three dots, three dashes and three dots. Then the dashes morph to dots. The group of nine dots draws the letters SOS, where two dots in each group draw the inner and outer stroke of one letter and the third is used as a filler. The animation continues with morphing animation of the ‘S’ letters, which turn into ‘4’ digits. The ‘O’ letter turns into a magnifying glass, which moves up and down a little in order to reveal a back button.

Created Jul 27, 2015 · Updated Feb 2, 2021 · 8 sales

Go to Website
Map of Slovakia

Map of Slovakia

Interactive clickable and responsive map of Slovakia with regions popup on hover. This map runs with javascript (jQuery) based on Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality. The interactive template of the map of Slovakia gives you an easy way to install and customize a professional looking interactive map with 8 clickable regions with their capitals. You can embed the map in your website and link each region/city to any webpage or make hover popup with information.

Created Jul 29, 2019 · 1 sale

Go to Website