โดยทั่วไป เราสามารถใช้ภาพพื้นหลังเพื่อเพิ่มเงาให้กับภาพได้ แต่จะทำอย่างไรกับภาพที่มีขนาดไม่คงที่?
เราสามารถใช้ "วิธีการหลอกลวงด้วยการมองเห็น" เพื่อบรรลุเป้าหมายนี้โดยการกำหนดเส้นขอบแบบไล่ระดับสี
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<หัว>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="เนื้อหาภาษา" content="zh-CN" />
<title></title>
<style type="text/css">
เนื้อความ {พื้นหลัง:#2e334d;}
img {เส้นขอบ: ไม่มี;}
a.pic-shadow {display:inline-block;zoom:1;padding:1px;พื้นหลัง:#262a3f;border:solid #2b3048 1px;border-radius:5px;-moz-border-radius:5px;-webkit- รัศมีเส้นขอบ: 5px;}
a.pic-shadow img {padding:1px;พื้นหลัง:#13151f;border:solid #1e2132 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</สไตล์>
</หัว>
<ร่างกาย>
<a class="pic-shadow" href="#" title=""><img src=" รัศมีเส้นขอบ:5px;
-moz-ขอบรัศมี:5px;
-webkit-ขอบรัศมี:5px;
คำจำกัดความข้างต้นเป็นคำจำกัดความของมุมโค้งมนในเบราว์เซอร์มาตรฐานต่างๆ เพื่อหลอกตาอย่างมืออาชีพ
สามารถรับรหัสสีได้หลังจากสร้างเอฟเฟกต์แสงภายนอกใน PS
เอฟเฟ็กต์ที่ฉันมีด้านบนคือ [อ่อน], [ขยาย 0], [ขนาด 5px], [สี #000] และที่เหลือเป็นค่าเริ่มต้น
แน่นอนว่า หากคุณมีความต้องการพิเศษ คุณสามารถใช้ฟิลเตอร์ IE เพื่อให้ได้เงาที่สวยงามยิ่งขึ้น หากผู้กรองมองข้าม... คุณสามารถไปที่นั่นได้ด้วยตัวเอง