FREE "What Camgirls Really Think" Widget

Just a funny widget I came up with that I thought would be fun to add to our profiles...
This widget was inspired by KarlyDubois

This is what it looks like before scrolling over:

This is one of the images that pops up when you scroll over certain sections:

If you would like to see it in action, check it out on my premium account profile here.

CSS Code:

#What_we_think_heading { position:relative; top:120px; left:-190px; width:406px; height:109px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5FuLeKWnXeE2BxpTjh-066Z5dJhSXyY840i4TW8hN9ccQqWkaGrJ_TVVPt3bnUcTGhSxbE7c1CSOwcTOqmUBNHWz3XA8uXRlCRneD_a5maOe2cDZbc5lHYNFip6R40IFbh0SL7jwRtiU/s1600/cooltext1221947048.png); } #What_we_think { position:relative; top:110px; left:-200px; height:400px; width:840px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIBrWA5jCywI45w5cHBtW8o_mpnV5O9kKifYoXLUce1a2W7sYnPIRZXtGLUqDsz9NqC8HKENN9lKCqNyYknBZ5MOLpXwD4jnL-FrYI8E-QsaVSpSf9dM50K1dXvmoB2j-EPYMbvtDlerA/s1600/About_karly.jpg); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .mh-menu { height:385px; width:800px; margin:auto; position:relative; } .mh-menu li { width:340px; list-style:none; } .mh-menu li span { display:block; width:340px; text-align:left; position:relative; left:-40px; z-index:10; height:24px; border-right:1px solid #ddd; background:rgba(255,255,255,0.8); } .mh-menu li:hover { width:340px; } .mh-menu li span { font-size:16px; color:#b6b6b6; padding:10px; font-family:'century gothic'; display:block; } .mh-menu li span:hover { background-color:#e8f5fe; color:#8b8b8b; } .mh-menu li img { position:absolute; z-index:1; left:0; top:0; opacity:0; -webkit-transition:left .4s ease-in-out,opacity .6s ease-in-out; -moz-transition:left .4s ease-in-out,opacity .6s ease-in-out; -o-transition:left .4s ease-in-out,opacity .6s ease-in-out; -ms-transition:left .4s ease-in-out,opacity .6s ease-in-out; transition:left .4s ease-in-out,opacity .6s ease-in-out; } .mh-menu li:hover img { left:361px; opacity:1; }

Paste html code anywhere in "Edit Profile" section.
HTML Code:

<a id="boutme"><div id="What_we_think_heading"> </div> </a> <div id="What_we_think"> <ul class="mh-menu"> <li><span>"No Really, it's True!"</span><img src="http://24.media.tumblr.com/tumblr_mcouyygY3t1r4u06ao1_400.png" alt="Naboo"></li> <li><span>"Rated & Admired?"</span><img src="https://pbs.twimg.com/media/BBKhNPdCMAAJOD9.jpg" alt="Seriously"></li> <li><span>"Maybe, just maybe..."</span><img src="https://pbs.twimg.com/media/BAMKD_0CMAAY2yC.png" alt="Please"></li> <li><span>"Time Wasters"</span><img src="http://24.media.tumblr.com/tumblr_mcmpjvD6Ha1r4u06ao1_500.jpg" alt="vertically challenged"></li> <li><span>"Bad Etiquette "</span><img src="http://i.imgur.com/vv4VX.jpg" alt=""></li> <li><span>"U know what really grinds my gears?"</span><img src="https://pbs.twimg.com/media/BV3bzW-CYAElBgx.png" alt=""></li> <li><span>"We should meet ;)"</span><img src="https://pbs.twimg.com/media/BV3gXIWCIAEmcyS.jpg" alt=""></li> <li><span> "WTF???"</span><img src="https://pbs.twimg.com/media/BV3ezAmCQAAvE9k.jpg" alt=""></li> </ul> </div>