In honor of April Fool’s Day, here’s some fun CSS code to add to your web site. Just add it to the bottom of your main CSS file.

This non-destructive code simply inverts all the images on your web site. To turn it off, just delete the code and save your CSS.

/* April Fools - Flip Images */
img {
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}

Related Posts:

• Supercharge WordPress with LoopBuddy + Custom Post Types
• The Anatomy of a Perfect Web Site
• How to Add Easy Social Icons in the WordPress Navigation Menu
• How to Connect Securely on Public Wifi