Text enlargement

Discussion in 'CSS' started by Ally200, Oct 24, 2012.

  1. #1
    Hi guys just wanted to know i got a picture and i wanted to have some text on it which says Enter. Now i know i need import the image and then make some text and stick that into a div and place it into the right place. However i was just wondering if anyone knows how to enlarge it when the mouse hovers over it. Thanks for the help
     
    Ally200, Oct 24, 2012 IP
  2. alfieindesigns

    alfieindesigns Well-Known Member

    Messages:
    128
    Likes Received:
    5
    Best Answers:
    2
    Trophy Points:
    130
    #2
    Hi Ally200,

    You can use '<a>' tag for this:

    Example:

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    	a {
    		font-size:20px; 
    		width:150px;
    		height:100px;		
    		display:block; 
    		background:#F60; 
    		color:#FFF;
    		text-align:center;
    		text-decoration:none;
    		padding:50px 0 0;
    	}
    	a:hover {font-size:26px;}
    </style>
    </head>
    
    <body>
    	<a href="#">Enter</a>
    </body>
    </html>
    
    Code (markup):
    I hope this help.

    Thanks ang God bless always!


    Best regards,
    alfieindesigns
    Front-End Developer
     
    alfieindesigns, Oct 24, 2012 IP