<!DOCTYPE html> <html> <head> <title>CSS3 Image Zoom</title> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″> <style> body{ text-align: center; } a{ color: #0077ff; text-decoration: none; } #zoom{ width: 320px; height: 240px; -webkit-transition: 0.25s; } #zoom:target{ width: 640px; height: 480px; } </style> </head> <body> <a href=”#zoom”>Zoom In +</a> | <a href=”#”>Zoom Out -</a> <p> <img src=”images/image.jpg” id=”zoom”> </body> </html> Check [...]
Archive for the ‘CSS’ Category
July 3rd, 2010
Top 10 best easier CSS tips for web designers/developers must follow strictly
As with most things, a logical and structured approach is the best way to go. Therefore I have put together 10 quick tips (in no special order) to help make your CSS coding as pain-free as possible. 1. Keep it Simple This may sound obvious but if you find yourself using complicated coding to achieve your [...]
Posted in CSS 
Tags: best easier CSS tips, Classitus, divitus, web designers/developers must follow 
2 Comments »December 25th, 2009
png alpha transparency ie6 fix
After very long gape, posting new article. GIFs, JPEGs, PNG images are playing vital role in web development. Like GIFs, the PNG is great for displaying small images with few colors, like logos and icons. PNGs support alpha transparency. First of all, what is called as alpha transparency? GIF files are only capable of displaying [...]
September 28th, 2009
Easy using different stylesheets for Different Browsers
I have been searching a lot of CSS works this week because to overcome the classic CSS battle between firefox and I.E. It’s no secret that Internet Explorer and Firefox tend to disagree on certain elements in which they render CSS properties. We can use different style sheets depends upon browser to load single page. [...]
August 7th, 2009
Replace text links with images using CSS
Anyone who knows anything about SEO knows that it’s most advantageous to use text links for the navigation of a website. Using text increases a search engine’s ability to crawl your site and identify the content properly, because it can read the text (spiders can’t read text within images). However, the aesthetic appeal of using [...]
Posted in CSS Tags: Background hover in CSS, google crawl made easy, Replacing, SEO friendly No Comments »
