{"version":"1.0","provider_name":"Benjamin Simier","provider_url":"https:\/\/www.benjaminsimier.com\/en\/","title":"Lines animation with mouse over (CSS only)","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"8gz3CslEXX\"><a href=\"https:\/\/www.benjaminsimier.com\/en\/lines-animation-with-mouse-over-css-only\/\">Lines animation with mouse over (CSS only)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.benjaminsimier.com\/en\/lines-animation-with-mouse-over-css-only\/embed\/#?secret=8gz3CslEXX\" width=\"600\" height=\"338\" title=\"&#8220;Lines animation with mouse over (CSS only)&#8221; &#8212; Benjamin Simier\" data-secret=\"8gz3CslEXX\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.benjaminsimier.com\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/11\/cover-line-projet.jpg","thumbnail_width":1200,"thumbnail_height":751,"description":"As you know, I like to share my creations CodePen with you that\u2019s why today I present you my new realization. When you move your mouse cursor over the image, the background splits into two parts. Difficult to explain, the simplest is that you try with the example below.This project does not use javascript, I [&hellip;]"}