How to create css image reflection dreamweaver?

Asked By 20 points N/A Posted on -

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.

Answered By 0 points N/A #179044

How to create css image reflection dreamweaver?



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:

  <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 */

a sample of the settings can be as shown below:

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

Thank you.


Login/Register to Answer

Related Questions