[Pro] CSS Zoom Effect

And if you want to use those specific examples then firstly you have to add the CSS to your page ie for the simple zoom. Use page>html Markup and paste the following into the before (before end head) scetion.

<style type="text/css">
.d-Zoom
{
border:5px solid #fff;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
transition:all 1s;
}
.d-Zoom:hover
{
transform:scale(1.1);
box-shadow:0px 0px 10px #777;
}
</style>

Now select your image on the FW page and use Item>Extended to add the following name/value pair of class/d-Zoom to your img

And that is it - preview.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at: