1樓：圈圈
body部分
css樣式
margin: 0;
padding: 0;
header{
height: 160px;
position: relative;
overflow: hidden;
header>div{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-content: center;
header>div>img{
display: block;
width: 110%;
height: 100%;
object-fit: cover;
.bg{
filter: blur(6px);
.pop{
filter: blur(5px);
.lea{
filter: blur(4px);
.pop1{
filter: blur(3px);
.one{
filter: blur(2px);
.lit{
filter: blur(1px);
js樣式（記得引入乙個JQ外掛程式，本人用的是jquery-2.1.0.js）
$('header').mousemove(function(event){
var x=event.pageX;
$('.bg').css('filter', 'blur(' + Math.abs(x/75-7) + 'px)')
$('.pop').css('filter', 'blur(' + Math.abs(x/125-6) + 'px)')
$('.lea').css('filter', 'blur(' + Math.abs(x/250-3) + 'px)')
$('.pop1').css('filter', 'blur(' + Math.abs(3-x/250) + 'px)')
$('.one').css('filter', 'blur(' + Math.abs(3-x/250) + 'px)')
$('.lit').css('filter', 'blur(' + Math.abs(4-x/350) + 'px)')
$('.bg').css('transform', 'translate(' + x/60 + 'px,0px)')
$('.pop').css('transform', 'translate(' + x/50 + 'px,0px)')
$('.lea').css('transform', 'translate(' + x/40 + 'px,0px)')
$('.pop1').css('transform', 'translate' + x/30 + 'px,0px)')
$('.one').css('transform', 'translate(' + x/20 + 'px,0px)')
$('.lit').css('transform', 'translate(' + x/10-65 + 'px,0px)')
2樓：餘shuang
lt;img src="image/1.png" data-height="250" data-width="3000" height="520" width="6251"
style="filter: blur(4px); transform: translate(0px, 0px) rotate(0deg);">
lt;img src="image/2.png" data-height="275" data-width="3000" height="343" width="3750"
style="transform: translate(0px, 0px) rotate(0deg); filter: blur(0px);">
lt;img src="image/3.png" data-height="250" data-width="3000" height="520" width="6251"
style="transform: translate(-104.194px, 0px) rotate(0deg); filter: blur(1px);">
lt;img src="image/4.png" data-height="250" data-width="3000" height="312" width="3750"
style="transform: translate(0px, 8.75226px) rotate(0deg); filter: blur(4px);">
lt;img src="image/5.png" data-height="275" data-width="3000" height="343" width="3750"
style="transform: translate(0px, -3.75097px) rotate(0deg); filter: blur(5px);">
lt;img src="image/6.png" data-height="275" data-width="3000" height="372" width="4063"
style="filter: blur(6px); transform: translate(0px, 0px) rotate(0deg);">
如何看待trpg上b站首頁？
夢卷 跑團一年多了，做過幾次PC，也做過幾次KP。總的來說人多是好事情。可能對某些老玩家來說，新人影響了體驗。我自己也喜歡和高手玩，不管是作為PC還是KP。但是，人多才是基石。人多，高手才會多。人多，大家才會去嘗試建立乙個培養新人的體系。如果這個體系一旦建成，說不定COC就沒有那麼小眾了呢？ 冷翎弁...
如何看待毛選上b站首頁推薦？
光暗 其實很簡單，1961年偉人就寫詩告訴大家，後人為什麼會有這種想法了。一從大地起風雷，便有精生白骨堆。僧是愚氓猶可訓，妖為鬼蜮必成災。金猴奮起千鈞棒，玉宇澄清萬里埃。今日歡呼孫大聖，只緣妖霧又重來。某站也許想當白骨洞，但它忘了這世間還有孫大聖的金箍棒。 已登出 老話講 三十年河東，三十年河西。如...
怎麼投訴舉報 B 站要 B 站倒閉？
澄澈如影 實在要是不行，聯合其他有權威的被侵害權益人，聯名舉報。估計那時，就會和飯圈那事一樣，兩敗俱傷對你應該是最好的結局。否則只有你被搞臭。 騎馬騎驢 當公共廁所越來越髒亂，考慮的不是換管理員而是炸了廁所嗎？思考角度還蠻新穎的。接著這個比喻，如果你覺得廁所某個坑位髒，你換個就行了，不需要把看到的沒...