How to create css image reflection dreamweaver?

Asked By Chloe Chylly 20 points N/A Posted on - 12/13/2012

Hello friends,

How to create css image reflection dreamweaver? Dreamweaver is the best software to use for automatic html and css table and division creation. But I am not that good in terms of CSS coding technique. How can I possibly create an image reflection css program? I need some sample codes and any illustration.

Thanks and Regards,

Chloe Chylly.

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

• Answer Accepted: No
• Question Category: Development Software

Answered By Dexter Alberto 0 points N/A #179044

How to create css image reflection dreamweaver?

Hi,

Image reflection is a great way to make an image more attractive. CSS is a scripting language which can be used to create reflections on an image. To apply reflection on an image using CSS, the wbkit-box reflect property is used. The reflect property accepts values in the format as shown below:

-webkit-box-reflect:
  <direction> /* The direction of the reflection such as above|below|left|right */   
  <offset>    /* this is the offset value in pixels from start of image */
  <mask-box-image> /* image link such as https://webkit.org/blog/181/css-masks/ */

a sample of the settings can be as shown below:

.reflectBelow  
{
  -webkit-box-reflect: below 2
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}

Thank you.

 

About Dexter Alberto

Questions
3

Answers
99

Best Answers
34

• Vote Up 0 Vote Down

• Posted on - 12/28/2012
• Question Category: Development Software