A Pen by Larry Yuan on CodePen.
Experimenting with more text effects using CSS animations and jQuery to keep the markup down.
The delay is added via drop.styles() on the fly, you could I guess make all the CSS required on the fly using the same method but I've kept these separate for now. The animation effect, look and feel are customised via the CSS the way they should be. The JS plugin is a helper for all the repetition needed to create the effects on each letter.
Version 0.0.8 out now! Fork me on GitHub https://github.com/KryptoniteDove/letter-drop
Forked from Rich's Pen LETTER DROP.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Tic-Tac-Toe</title> | |
</head> | |
<body> | |
<div id="container" hidden> | |
<div id="buttons"> |
I hereby claim:
-
I am ehhthing on github.
-
I am ehhthing (https://keybase.io/ehhthing) on keybase.
-
I have a public key ASCsirejXQw7wuMqNIP6LMHHnO1S6F9RmPDAfg3Weg86nQo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Contains information licensed under the Open Government Licence – Ontario. | |
Converted from xslx, downloaded from https://data.ontario.ca/dataset/ontario-public-school-contact-information |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Contains information licensed under the Open Government Licence – Ontario. | |
Converted from xslx, downloaded from https://data.ontario.ca/dataset/ministry-defined-courses |