The typewriter effect

Yannick Albert

Last update: Oct 7, 2020

Related tags

Effect jquery.typer.js

Overview

#No documentation yet! (feel free to write a bit about it)

Download

Get the raw script, download the complete package or fork it on GitHub.

Support

@yckart #jquery #typer http://yckart.com

Thanks

http://stackoverflow.com/a/13391131/1250044

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Switch the background-image with using effect.

jQuery.BgSwitcher Switch the background image with using effect. Demo http://rewish.github.io/jquery-bgswitcher/ Usage div class="box" pLorem ip

Dec 30, 2022

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

Background Scale Hover Effect Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths. Article on Codrops Demo

Dec 6, 2022

A motion hover effect for a background grid of images.

Image Grid Motion Effect A motion hover effect for a background grid of images. Article on Codrops Demo Installation Install dependencies: npm install

Dec 31, 2022

fixed-background-effect

Fixed Background Effect A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Article

Oct 28, 2022

Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

Warp drive jQuery plugin (jquery-warpdrive-plugin) Preview Description Warp drive is a lightweight jQuery plugin that helps you create a cool, interac

Nov 15, 2022

A mouse particle effect react component

react-mouse-particles A mouse particle effect react component A very fun react library that can be used to create mouse particle effects, which are as

Dec 17, 2022

Demos for the tutorial on how to achieve an interactive mouseover/hover effect

Interactive Hover Effects with Three.js A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps. Articl

Dec 27, 2022

:tada: Add a cute click effect to your mouse in your vuepress!

vuepress-plugin-cursor-effects 🎉 Add a cute click effect to your mouse in your vuepress! Document: moefy-vuepress LiveDemo: notev Install yarn add vu

Sep 25, 2022

magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet

magneticHover magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet. Examples https://codesandbox

Nov 30, 2022

Comments

afterPhrase and afterAll not being called in all conditions

have an edge case where we are trying a single phrase and setting endless to false (we get data from a service periodically). In this condition, afterPhrase and afterAll callbacks were not being invoked.. Made the following changes lines 48 - 55 - have testing under numerous conditions.

                if (i === text.length && !options.endless) {
                    if (typeof options.afterPhrase === 'function') options.afterPhrase();
                    return(typeof options.afterAll === 'function' ? options.afterAll() : null );
                } else if (i === text.length) {
                    i = 0;
                }
                timer = setTimeout(typetext, options.delay, i);
                if (typeof options.afterPhrase === 'function') options.afterPhrase(timer);

bug

opened by jvivona 1

The typewriter effect

Related tags

Overview

Download

Support

Thanks

You might also like...

Switch the background-image with using effect.

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

A motion hover effect for a background grid of images.

fixed-background-effect

Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

A mouse particle effect react component

Demos for the tutorial on how to achieve an interactive mouseover/hover effect

:tada: Add a cute click effect to your mouse in your vuepress!

magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet

Comments

afterPhrase and afterAll not being called in all conditions

Owner

Yannick Albert

:keyboard: Simulate a typewriter effect in vanilla JavaScript.

The typewriter effect

A phaser helper for the typewriter effect

A basic Typewriter effect.

⌨️ Lightweight $.Hypertext.Typewriter

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

Liquideffect - Javascript Library for creating liquid effect on image and RGB effect on mouse direction.

Add a water ripple effect to your background using WebGL.

A decorative website background effect where SVG shapes morph and transform on scroll.

Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).