Heim  >  Artikel  >  Web-Frontend  >  So erzielen Sie einen Maskeneffekt in CSS

So erzielen Sie einen Maskeneffekt in CSS

王林
王林nach vorne
2020-07-16 17:34:569018Durchsuche

So erzielen Sie einen Maskeneffekt in CSS

Wichtige Wissenspunkte:

(Empfohlenes Tutorial: CSS-Schnellstart)

background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;

Stil:

<style>
    .back {background:url(images/coupon-logo.gif) no-repeat;}
    .top {height:100px;background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;}
</style>

HTML-Code:

<div class="back">
    <div class="top"></div>
</div>

Das obige ist der detaillierte Inhalt vonSo erzielen Sie einen Maskeneffekt in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen