Marvin JS without toolbar

Hello,

I would like to replace Marvin Sketch by Marvin JS. I see examples in this page : https://marvinjs-demo.chemaxon.com/latest/examples/index.html.
I don't see anywhere examples to have a Marvin JS without toolbar (like Marvinview of Marvin Applet) .

Kiet

Hi Kiet, 

Currently, Marvin JS has no renderer component such as Marvin View, however in this example ( https://marvinjs-demo.chemaxon.com/latest/examples/example-edit-images.html ) you can see another solution which can substitute it.

Please, let us know if this meets your needs.

Regards,
Eszter

Hey, where is the code that is responsible for that cool little rotation and magnification effect upon mousing over an image?

Hi, it is set from css:




.image-container img{

background-color: transparent;

box-shadow: 2px 2px 8px #444;

transform:rotate(0deg);

-ms-transform:rotate(0deg); /* Internet Explorer */

-moz-transform:rotate(0deg); /* Firefox */

-webkit-transform:rotate(0deg); /* Safari and Chrome */

-o-transform:rotate(0deg); /* Opera */



-webkit-transition: -webkit-transform 0.2s linear 0s;

-moz-transition: -moz-transform 0.2s linear 0s;

-o-transition: -o-transform 0.2s linear 0s;

transition: transform 0.2s linear 0s;

}



.image-container img:hover{

background-color: white;

box-shadow: 2px 2px 8px #444;

transform:scale(1.05) rotate(3deg);

-ms-transform:scale(1.05) rotate(3deg); /* Internet Explorer */

-moz-transform:scale(1.05) rotate(3deg); /* Firefox */

-webkit-transform:scale(1.05) rotate(3deg); /* Safari and Chrome */

-o-transform:scale(1.05) rotate(3deg); /* Opera */



-webkit-transition: -webkit-transform 0.2s linear 0s;

-moz-transition: -moz-transform 0.2s linear 0s;

-o-transition: -o-transform 0.2s linear 0s;

transition: transform 0.2s linear 0s;

}




 

Here you can find more info about it: http://www.w3schools.com/css/css3_transitions.asp

 

Regards,

 

Janos