พยายามมาก แต่ฉันทำไม่ได้เลยฉันจะทำแถบแท็บโปร่งแสงได้อย่างไร:
คำตอบ:
ส่วนด้านล่างเป็นGaussian เบลอและมีการซ้อนทับสีขาวกึ่งโปร่งใส
ขั้นที่ 1:เลือกพื้นที่วางซ้อนบนพื้นหลัง (ภาพดั้งเดิม) และใช้การเบลอแบบเกาส์รัศมี 12px
ขั้นที่ 2:สร้างเลเยอร์ใหม่เลือกส่วนที่เหมือนกันสำหรับการซ้อนทับเติมด้วยสีขาวและให้ความทึบของเลเยอร์นี้ 66%
สร้างซ้ำด้วยส่วนบนของภาพอ้างอิงของคุณ:
แก้ไข: พารามิเตอร์ใหม่เพื่อให้ตรงกับต้นฉบับ
คุณไม่ได้กำหนดโปรแกรมหรือเทคโนโลยีที่คุณใช้ ดังนั้นในขณะที่ปีเตอร์อธิบายวิธีที่ดีในการทำกับ Photoshopฉันต้องการเพิ่มว่าเอฟเฟกต์นี้สามารถสร้างขึ้นได้ด้วย CSS3
นี่คือจุดสูงสุดใน CSS ที่ต้องการ:
#iOSblur
{
-webkit-filter: blur(12px);
-moz-filter: blur(12px);
-o-filter: blur(12x);
-ms-filter: blur(12px);
filter: blur(12px);
}
#iOSopacity
{
opacity: 0.6;
}
ไม่ได้บอกว่านี่เป็นวิธีที่คุณควรทำ ... อันที่จริงแล้วฉันจะใช้วิธีการของเปโตรเป็นการส่วนตัว