Fisheye 2

By Danny Ayers on Feb 28, 2005


Add a ‘fisheye’ effect to your text. Move your mouse over the text and watch it change. Implemented using JavaScript and CSS.

The Geek’s Raven
[An excerpt, with thanks to Marcus Bales]

Once upon a midnight dreary,
fingers cramped and vision bleary,
System manuals piled high and wasted paper on the floor,
Longing for the warmth of bedsheets,
Still I sat there, doing spreadsheets:
Having reached the bottom line,
I took a floppy from the drawer.
Typing with a steady hand, I then invoked the SAVE command
But got instead a reprimand: it read “Abort, Retry, Ignore”.


Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: fisheye.js


Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Paste this code into the HEAD section of your HTML document.


Paste this code into the BODY section of your HTML document