Skip to Main Content
MooTools 1.3 Cookbook
book

MooTools 1.3 Cookbook

by Jay L Johnston
July 2011
Intermediate to advanced content levelIntermediate to advanced
276 pages
5h 11m
English
Packt Publishing
Content preview from MooTools 1.3 Cookbook

Making usability cool with fading font-size changer

There are many different ways to change fonts on a page. Using MooTools allows us a fancy variety of options. Use morphing to smoothly transition from one text size to the next.

Getting ready

To be ready to transition font size, the layout must be liquid. A liquid layout is one that can grow without breaking the display. Create styles that would alter the size of the text.

<div id="main" class="medium"> <form action="" method="get" id="font_sizer"> Choose text size: <input type="button" id="small" value="S"/> <input type="button" id="medium" value="M" disabled="disabled"/> <input type="button" id="large" value="L"/> </form> <h1>Welcome!</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Jump Start Web Performance

Jump Start Web Performance

Craig Buckler

Publisher Resources

ISBN: 9781849515689Other