国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3 - css怎么做出這樣的效果?

瀏覽:150日期:2023-06-18 10:41:25

問題描述

中間的那個比周圍亮的區域怎么做啊?css3 - css怎么做出這樣的效果?

問題解答

回答1:

.mask { position: fixed; z-index: 10000; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; height: 100px; outline: 1000px solid rgba(0, 0, 0, 0.5);}<p class='mask'></p>回答2:

用背景色做成的demo 如下

https://codepen.io/jackpan/pe...

用box-shadow 或者 outline做成的demo如下:https://codepen.io/jackpan/pe...

回答3:

正確的方法是使用 box-shadow,如: box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)

回答4:

我覺得有2種做法:1、用4個 p 做出它四周比較暗的區域。2、背景圖上遮罩1個p做出比較暗的地方,然后最頂上一個p里放進同一張背景圖,定位到合適的位置。

回答5:

filter: brightness(1.3);或者backgournd-color: rgba(0, 0, 0, 0.5);

這兩種方式都可以

回答6:

<p>//絕對定位 <p>//背景圖 </p> <p>//相對定位 遮罩層 </p> <p>//相對定位 橫向光亮盒子 </p> <p>//相對定位 縱向盒子 </p></p>回答7:

設計師能解決的盡量不要用css來寫

回答8:

醬紫的,用absolute和z-indexcss3 - css怎么做出這樣的效果?][1]

標簽: CSS
相關文章:
主站蜘蛛池模板: 欧美笫一页| 美国一级毛片a | xxxxx亚洲| 五月天激激婷婷大综合蜜芽 | 国产成人午夜精品影院游乐网 | 欧美在线观看一区二区 | 欧美高清在线精品一区 | 国产精品亚洲一区二区三区 | 免费人成综合在线视频 | 国产永久免费视频m3u8 | 成人怡红院视频在线观看 | 国产精品九九九久久九九 | 九九大香尹人视频免费 | 欧美一区二区三区不卡 | 国产第一夜 | 久久综合狠狠综合久久综合88 | 亚洲欧美日韩中文字幕在线一 | 亚洲 欧美 视频 | 日黄网站| 国产精品久久久香蕉 | 亚洲天堂资源网 | 日本天堂网 | 日本国产最新一区二区三区 | 亚洲国产欧美目韩成人综合 | 国产成人免费a在线资源 | 特黄毛片| 美女白浆视频 | 色多多香蕉 | 欧美在线一级va免费观看 | 亚洲美女视频免费 | 国产成人一区二区视频在线观看 | 国产欧美成人免费观看视频 | 欧美jizzhd极品欧美 | 千涩成人网| 精品厕拍 | 91久久99热青草国产 | re久久| 免费成人一级片 | 亚洲二区在线播放 | 特级毛片www欧美 | 久久国产视频在线观看 |