国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 91探花福利精品国产自产在线 | 九九精品国产兔费观看久久 | 欧美在线观看一区二区 | 久草热久草在线 | 亚洲综合伦理一区 | 久久久久久青草大香综合精品 | 久久99国产精品久久99 | 成人不卡视频 | 手机看片久久高清国产日韩 | 日本成人免费观看 | 综合亚洲欧美日韩一区二区 | 亚洲日产综合欧美一区二区 | 久久视频在线免费观看 | 亚洲区精品| 色综合久久久久久久 | 久草青草| 久久永久免费 | 波多野结衣在线观看一区 | 国内视频自拍 | 中文在线最新版天堂 | 女人张开腿让男人捅的视频 | 亚洲aⅴ| 欧美在线成人午夜网站 | 最近中文字幕免费视频 | 亚洲第一区精品日韩在线播放 | 亚洲成年男人的天堂网 | 99热官网| 亚洲人成影院午夜网站 | 欧美成a人免费观看久久 | a级片在线观看视频 | 亚洲视频在线免费观看 | 亚洲最新网址 | 毛片视频在线免费观看 | 欧美高清在线视频在线99精品 | 国产一区二区久久精品 | 成人网18免费网站在线 | 亚洲一区二区三区在线网站 | 欧美特黄aaaaaa | 免费的三级毛片 | 日本免费高清一区 | 亚洲日本在线观看网址 |