คำถามติดแท็ก shadow

13
ฉันจะเพิ่ม box-shadow ที่ด้านหนึ่งขององค์ประกอบได้อย่างไร
ฉันต้องการสร้าง box-shadow ในblockองค์ประกอบบางอย่างแต่เพียง (ตัวอย่าง) ทางด้านขวา วิธีที่ฉันทำคือห่อองค์ประกอบภายในด้วยbox-shadowด้านนอกด้วยpadding-rightและoverflow:hidden;ดังนั้นทั้งสามด้านของเงาจึงมองไม่เห็น มีวิธีที่ดีกว่าในการบรรลุเป้าหมายนี้หรือไม่? ชอบbox-shadow-rightไหม แก้ไข : ความตั้งใจของฉันคือการสร้างเฉพาะส่วนแนวตั้งของเงา เหมือนกับสิ่งrepeat-yที่กฎbackground:url(shadow.png) 100% 0% repeat-yจะทำ
445 css  shadow  box-shadow 

19
Android“ ยกระดับ” ไม่แสดงเงา
ฉันมี ListView และมีรายการแต่ละรายการที่ฉันต้องการให้แสดงเงาใต้ ฉันกำลังใช้คุณสมบัติการยกระดับใหม่ของ Android Lollipop เพื่อตั้งค่า Z บนมุมมองที่ฉันต้องการสร้างเงาและฉันกำลังทำสิ่งนี้อย่างมีประสิทธิภาพด้วย ActionBar (ในทางเทคนิคแล้ว Toolbar ใน Lollipop) ฉันใช้ระดับความสูงของ Lollipop แต่ด้วยเหตุผลบางอย่างมันไม่แสดงเงาภายใต้รายการ นี่คือวิธีการตั้งค่าเค้าโครงของแต่ละรายการ: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" style="@style/block" android:gravity="center" android:layout_gravity="center" android:background="@color/lightgray" > <RelativeLayout android:layout_width="300dp" android:layout_height="300dp" android:layout_marginLeft="40dp" android:layout_marginRight="40dp" android:layout_marginTop="20dp" android:layout_marginBottom="20dp" android:elevation="30dp" > <ImageView android:id="@+id/documentImageView" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" /> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/alphared" …


9
สร้าง CSS3 box-shadow ทุกด้านยกเว้นด้านเดียว
ฉันมีแถบนำทางแบบแท็บซึ่งฉันต้องการให้แท็บที่เปิดอยู่มีเงาเพื่อตั้งค่าให้แตกต่างจากแท็บอื่น ๆ ฉันต้องการให้ส่วนแท็บทั้งหมดมีเงาเดียว (ดูเส้นแนวนอนด้านล่าง) ขึ้นไปแรเงาด้านล่างของแท็บทั้งหมดยกเว้นส่วนที่เปิดอยู่ ฉันจะใช้box-shadowคุณสมบัติของ CSS3 แต่ฉันไม่สามารถหาวิธีแรเงาเฉพาะส่วนที่ฉันต้องการได้ โดยปกติฉันจะปกปิดเงาด้านล่างของแท็บที่เปิดด้วยพื้นที่เนื้อหา (สูงกว่าz-index) แต่ในกรณีนี้พื้นที่เนื้อหาจะมีเงาเพื่อที่จะปิดทับแท็บ เค้าโครงแท็บ _______ _______ _______ | | | | | | ____ | _______ | __ | | __ | _______ | ______ เส้นเงา เงาจะขึ้นจากเส้นแนวนอนและออกไปด้านนอกของเส้นแนวตั้ง _______ | | _______________ | | _________________ นี่คือตัวอย่างสด: มีความช่วยเหลืออะไรบ้างอัจฉริยะ?
115 html  css  shadow 

7
วิธีใดเป็นวิธีที่ดีที่สุดในการเพิ่มเงาลงใน UIView ของฉัน
ฉันกำลังพยายามเพิ่มเงาตกในมุมมองที่ซ้อนทับกันมุมมองจะยุบลงทำให้สามารถมองเห็นเนื้อหาในมุมมองอื่นได้ในหลอดเลือดดำนี้ฉันต้องการview.clipsToBoundsเปิดต่อเพื่อที่เมื่อมุมมองยุบเนื้อหาของพวกเขาจะถูกตัดออก ดูเหมือนว่าจะทำให้ฉันเพิ่มเงาหล่นลงในเลเยอร์ได้ยากเพราะเมื่อฉันเปิดclipsToBoundsเงาก็จะถูกตัดออกไปด้วย ฉันพยายามปรับแต่งview.frameและview.boundsเพื่อเพิ่มเงาหล่นลงในเฟรม แต่ปล่อยให้ขอบเขตมีขนาดใหญ่พอที่จะล้อมรอบได้ แต่ฉันไม่มีโชคกับเรื่องนี้ นี่คือรหัสที่ฉันใช้เพื่อเพิ่ม Shadow (ใช้ได้กับclipsToBoundsOFF เท่านั้นตามที่แสดง) view.clipsToBounds = NO; view.layer.shadowColor = [[UIColor blackColor] CGColor]; view.layer.shadowOffset = CGSizeMake(0,5); view.layer.shadowOpacity = 0.5; นี่คือภาพหน้าจอของเงาที่ถูกนำไปใช้กับเลเยอร์สีเทาที่สว่างที่สุดด้านบน หวังว่านี่จะช่วยให้ทราบว่าเนื้อหาของฉันจะทับซ้อนกันอย่างไรหากclipsToBoundsปิดอยู่ ฉันจะเพิ่มเงาให้กับUIViewเนื้อหาของฉันและตัดเนื้อหาของฉันได้อย่างไร แก้ไข: แค่อยากจะเพิ่มว่าฉันได้เล่นกับการใช้ภาพพื้นหลังที่มีเงาซึ่งทำงานได้ดี แต่ฉันก็ยังอยากรู้วิธีแก้ปัญหาที่ดีที่สุดสำหรับสิ่งนี้

22
เงาข้อความภายในด้วย CSS
ฉันกำลังเล่นกับ CSS3 และพยายามที่จะบรรลุเอฟเฟกต์ข้อความเช่นนี้ (เงาด้านในที่พร่ามัวสีดำ): แต่ฉันไม่สามารถหาวิธีสร้างเงาของข้อความภายในข้อความได้ ฉันสงสัยว่ามันยังคงเป็นไปได้หรือไม่เพราะองค์ประกอบกล่องเงาสามารถทำให้เงาภายในเป็นแบบนี้: box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5); ความคิดใด ๆ ?
107 css  text  shadow 

13
Android ดูเงา
ฉันค้นหารอบ ๆ แต่ไม่พบวิธีที่เหมาะสมในการดำเนินการนี้ ฉันต้องการให้เอฟเฟกต์เงาต่อไปนี้ในมุมมองของฉัน: บอกตามตรงฉันไม่รู้ว่าวินาทีนี้ทำโดยใช้เอฟเฟกต์เงาหรือไม่ ความคิดใด ๆ ?

10
วิธีจัดทำเงาให้กับปุ่ม
อย่างที่คุณเห็นในภาพฉันต้องการเงาหลังไฟล์Button. ฉันได้สร้างButtonด้วยมุมมน แต่ปัญหาคือฉันไม่สามารถสร้างเงาหลังนั้นButtonได้ ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร?

14
Swift - ปัญหาเกี่ยวกับรัศมีมุมและเงาตกกระทบ
ฉันพยายามที่จะสร้างปุ่มที่มีมุมโค้งมนและเงา ไม่ว่าฉันจะเปลี่ยนไปอย่างไรปุ่มจะแสดงไม่ถูกต้อง ฉันได้พยายามmasksToBounds = falseและmasksToBounds = trueแต่ทั้งรัศมีมุมทำงานและเงาไม่ได้หรืองานเงาและรัศมีมุมไม่ตัดมุมของปุ่ม import UIKit import QuartzCore @IBDesignable class Button : UIButton { @IBInspectable var masksToBounds: Bool = false {didSet{updateLayerProperties()}} @IBInspectable var cornerRadius : CGFloat = 0 {didSet{updateLayerProperties()}} @IBInspectable var borderWidth : CGFloat = 0 {didSet{updateLayerProperties()}} @IBInspectable var borderColor : UIColor = UIColor.clearColor() {didSet{updateLayerProperties()}} @IBInspectable var …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.