|
|
<style>
.mama5 { position: relative; margin-top: 120px; left: -0px; width: 560px; height: 244px; background: #ccc url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fq_mini%2Cc_zoom%2Cw_640%2Fimages%2F20171025%2Fae44a2b4e2094cd7a718b6d4158324af.gif&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666794990&t=922df5cffd690a8b81a64cfbb6919e2d') no-repeat; box-shadow: 2px 2px 2px #444; overflow: hidden; }
#im {
position: absolute;
left: 220px;
top: 0px;
width: 400px;
height: 240px;
transition: left 10s, top 2s;
mix-blend-mode: screen;
}
</style>
<div class="mama5">
<img id="im" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn1.itc.cn%2Fimg8%2Fwb%2Frecom%2F2016%2F04%2F29%2F146186172060621261.GIF&refer=http%3A%2F%2Fn1.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666795406&t=d36c0bbba2d9d3e9fa6cddf866c29726" alt="">
</div>
红色的就是加的滤镜 |
|