en.javascript.info/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-mouseout-from-outside.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="440" height="183" viewBox="0 0 440 183"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M202 57h126v93H202z"/><mask id="mask-2" width="126" height="93" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-mouseout-from-outside.svg"><use id="Rectangle-10" fill="#FFF9EB" stroke="#E8C48E" stroke-dasharray="5,1,5,1" stroke-width="8" mask="url(#mask-2)" opacity=".6" xlink:href="#path-1"/><g id="noun_69008_cc" fill="#E8C48E" transform="translate(171 8)"><path id="Shape" d="M234.02 169H4.98C2.23 169 0 167.099 0 164.775V4.225C0 1.901 2.23 0 4.98 0h229.04c2.74 0 4.98 1.901 4.98 4.225v160.55c0 2.324-2.24 4.225-4.98 4.225zM9.959 160.55h219.084V8.45H9.958v152.1z"/><path id="Shape" d="M229.042 42.25H9.958c-2.748 0-4.979-1.901-4.979-4.225S7.21 33.8 9.96 33.8h219.083c2.738 0 4.979 1.901 4.979 4.225s-2.24 4.225-4.98 4.225zM27.917 20.9c0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4 4 1.79 4 4zM47.833 20.9c0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4 4 1.79 4 4zM67.75 20.9c0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4 4 1.79 4 4z"/></g><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M232 86h67v34h-67z"/><text id="#TO" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="250.997" y="109">#TO</tspan></text><path id="Fill-21" fill="#EE6B47" d="M223.128 94.635l-5.784 7.219H105.198l3.15-7.708-26.348 9.5 26.348 9.5-3.113-7.708h111.97l5.923 7.392H236l-7.29-9.097 7.29-9.098z" transform="matrix(-1 0 0 1 318 0)"/><text id="target" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="240" y="80">target</tspan></text><text id="relatedTarget-=-null" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="1" y="85">relatedTarget = null</tspan></text></g></g></svg>