damiarita

<p>This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it! It’s perfect to compare “before” and “now” images.</p>
<p>This plugin will use jQuery to detect when your mouse gets into the box and move the white bar with it.</p>
<p>Simply use the shortcodes like this:<br />
    [sidebyside]<br />
      [sidebyside-left]<br />
        Put here whatever content you want to be on the left side<br />
      [/sidebyside-left]</p>
<pre><code>  [sidebyside-right]
    This is the place for the content that goes to the right
  [/sidebyside-right]
[/sidebyside]
</code></pre>
<h4>What should I put in the shortcodes?</h4>
<p>You can put whatever you want.</p>
<p>My suggestion is that you put two images with the same height</p>
<h4>Is it responsive?</h4>
<p>Yes!</p>
<p>All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes.</p>


Side by Side

I have had no troubles since I developed the plugin.
I you had some, please, let me know!



It works great for me!

This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it!

esthertyler

<p>Transfered to new dev: https://profiles.wordpress.org/esthertyler</p>
<p>Maked by Esther Tyler: http://mycustomcss.com/</p>
<p>With this plugin you can put custom css code without edit your theme and/or your plugins (really useful in case of any theme/plugin update).</p>
<p>It contain also <a href="https://ace.c9.io/" rel="nofollow ugc">Ace (Ajax.org Cloud9 Editor)</a> Code Editor for write a good css code.</p>
<p>You can see in action (source code) here: <a href="http://www.vegamami.it/" rel="nofollow ugc">VegAmami</a> 🙂</p>
<p>PS: support file backup and – very important – static css file (fantastic for performance) 😉</p>
<h4>Links</h4>
<ul>
<li>New dev: https://profiles.wordpress.org/esthertyler</li>
<li>Author Homepage: <a href="http://mycustomcss.com/" rel="nofollow ugc">Esther Tyler</a></li>
<li>Plugin maked for (demo link): <a href="http://www.vegamami.it/" rel="nofollow ugc">VegAmami</a></li>
<li>Ace (Ajax.org Cloud9 Editor): <a href="https://ace.c9.io/" rel="nofollow ugc">Ace (Ajax.org Cloud9 Editor)</a></li>
</ul>
<h4>Language</h4>
<ul>
<li>English</li>
<li>Italian</li>
<li>Full translatable!</li>
</ul>


My Custom CSS PHP & ADS

Enable to add Custom CSS Code via admin panel with Ace (Ajax.org Cloud9 Editor) + backup (see screen) and static file cache (best performance) :)

Side by Side vs My Custom CSS PHP & ADS