Here I have used Blast.JS to encapsulate each letter of the text with <span> having a CSS property – ‘transition-delay’ value just a little later than the first letter and transformed it while clicking the animate button. You can play with this...
Here is an example of how you can create a dynamic form field using HTML template inside a <script> tag. Browsers and screen readers ignore unrecognized script types like: <script id=”hidden” type=”text/x-custom-template”> <div...
advanced bootstrap carousel Sliders and carousels are used everywhere nowadays in a website weather it is hero section, sidebars or any landing page. Meaningful animations makes sliders and carousels more engaging and eye catching drawing attention of users to the...
Why do you need this? Certainly, you don’t want your website to be boring and irritate your users with too much information at one go. So you can include these animations to give an emotional touch to the content. Website Link...
Use this inside the template you want the files included to. I will hook up the script to the template’s <head> section. function mypage_head() { echo ‘<link rel=”stylesheet” type=”text/css”...
Hammer.js adds touch Gestures to web page Hammer is an open-source library that can recognize gestures made by touch, mouse, and pointer events. It doesn’t have any dependencies, and it’s small, only 7.34 kB minified + gzipped! Supported gestures:...
Blog
