How to create html image effects codes website?

Asked By Emaily Rawa 10 points N/A Posted on - 11/09/2012

Hi everyone,

How to create html image effects codes website? Share with me some coding techniques that will possibly feed my confusion regarding html image effects. I want to make a glowing image out of my website to attract some posters in a forum.

Thanks.

• Status: Open
• Question Views: 840
• Answer Count: 1
• Vote Up 1 Vote Down

• Answer Accepted: No
• Question Category: Misc Software

Answered By parker_carter 0 points N/A #179520

How to create html image effects codes website?

You can add the glowing effects by adding the following code to your website. Just alter some to meet your desired designs:

#yourdiv img:hover {

         Box-shadow: 0 0 5px rgba (0, 0, 255, 1);

         -webkit-box-shadow: 0 0 5px rgba (0, 0, 255, 1);

         – moz-box-shadow: 0 0 5px rgba (0, 0, 255, 1);

}

You can also add some border and border radius and some shadow transition speed during the rollover effect. If you don't like the border, just remove it from the code below:

#yourdiv img:hover {

         transition: all 0.25s ease-in-out;

         -webkit-transition: all 0.25s ease-in-out;

         -moz-transition: all 0.25s ease-in-out;

         border-radius:3px;

         -webkit-border-radius:3px;

         -moz-border-radius:3px;

         Border:1px solid rgba (0,0,0, 0.2);

}

 

 

      

About parker_carter

Questions
1

Answers
98

Best Answers
24

• Vote Up 0 Vote Down

• Posted on - 11/12/2012
• Question Category: Misc Software