Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Update README.md

  • Loading branch information...
commit 145c1cc8183e3ec9b40580ac23c6b2ece42d143f 1 parent fcd9b19
@tylergaw authored
Showing with 2 additions and 0 deletions.
  1. +2 −0  README.md
View
2  README.md
@@ -2,6 +2,8 @@
I'm using -webkit-mask-image with a [sprite](https://github.com/tylergaw/css-write-on/blob/master/images/mask.png) that contains a frame for each partial path of the text. The text, "Write-on!" is in an h1 element but the mask applied to its parent element starts out at 100% transparent so nothing is shown below it. A CSS animation is applied to the containing element. Each step of the animation changes the -webkit-mask-image-position to advance to the next frame. The animation step percentages are placed close enough together that the interpolation between one frame and the next is not seen.
+[http://lab.tylergaw.com/css-write-on](http://lab.tylergaw.com/css-write-on/)
+
## Reference
* [Webkit mask image on MDN](https://developer.mozilla.org/en/CSS/-webkit-mask-image)
Please sign in to comment.
Something went wrong with that request. Please try again.