How to create css image reflection dreamweaver?

Asked By 20 points N/A Posted on -
qa-featured

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.

SHARE
Answered By 0 points N/A #179044

How to create css image reflection dreamweaver?

qa-featured

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://www.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.

 

Login/Register to Answer

Related Questions