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

ระบุช่วงของสีที่ขึ้นกับตำแหน่งซึ่งโดยปกติจะใช้เพื่อเติมเต็มพื้นที่

16
ฉันจะรวมภาพพื้นหลังและการไล่ระดับสี CSS3 กับองค์ประกอบเดียวกันได้อย่างไร
ฉันจะใช้การไล่ระดับสี CSS3 สำหรับของฉันbackground-colorแล้วนำ a background-imageไปใช้กับพื้นผิวแบบบาง ๆ ที่โปร่งใสได้อย่างไร
12
พื้นหลังไล่ระดับสี CSS3 ที่ตั้งอยู่บนร่างกายไม่ยืดออกไป
ตกลงพูดเนื้อหาภายใน<body>ผลรวมสูง 300px หากฉันตั้งค่าพื้นหลังของการ<body>ใช้งาน-webkit-gradientหรือ-moz-linear-gradient จากนั้นฉันขยายหน้าต่างให้ใหญ่ที่สุด (หรือทำให้สูงกว่า 300px) การไล่ระดับสีจะสูงถึง 300px (ความสูงของเนื้อหา) และทำซ้ำเพื่อเติมส่วนที่เหลือของหน้าต่าง ฉันสมมติว่านี่ไม่ใช่ข้อผิดพลาดเพราะมันเหมือนกันทั้งใน webkit และตุ๊กแก แต่มีวิธีที่จะทำให้การไล่ระดับสีเพื่อเติมหน้าต่างแทนการทำซ้ำ?
429 css  gradient 
7
CSS3 Transparency + Gradient
RGBA เป็นเกมที่สนุกสุดขีดและก็เป็น-webkit-gradientเช่น-moz-gradientนั้นและเอ่อ ... progid:DXImageTransform.Microsoft.gradient... ใช่ :) มีวิธีการรวมทั้งสอง RGBA และการไล่ระดับสีเพื่อให้มีการไล่ระดับสีของความโปร่งใสอัลฟาโดยใช้รายละเอียด CSS ปัจจุบัน / ล่าสุด
286 css  gradient 
17
เส้นขอบไล่ระดับสี
ฉันพยายามใช้การไล่ระดับสีกับเส้นขอบฉันคิดว่ามันง่ายเหมือนการทำสิ่งนี้: border-color: -moz-linear-gradient(top, #555555, #111111); แต่มันไม่ทำงาน ไม่มีใครรู้ว่าวิธีที่ถูกต้องในการทำ gradients ชายแดนคืออะไร?
274 css  gradient 
9
พื้นหลังไล่ระดับสี LinearLayout ของ Android
ฉันมีปัญหาในการใช้พื้นหลังไล่ระดับสีกับ LinearLayout สิ่งนี้ควรจะค่อนข้างง่ายจากสิ่งที่ฉันได้อ่าน แต่ดูเหมือนจะไม่ทำงาน สำหรับการอ้างอิงฉันกำลังพัฒนาใน 2.1-update1 header_bg.xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:angle="90" android:startColor="#FFFF0000" android:endColor="#FF00FF00" android:type="linear"/> </shape> main_header.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="50dip" android:orientation="horizontal" android:background="@drawable/header_bg"> </LinearLayout> ถ้าฉันเปลี่ยน @ drawable / header_bg เป็นสี - เช่น # FF0000 มันทำงานได้อย่างสมบูรณ์แบบ ฉันขาดอะไรบางอย่างชัดเจนที่นี่?
9
วิธีที่จะทำให้พื้นหลังไล่ระดับสีใน Android
ฉันต้องการสร้างพื้นหลังไล่ระดับสีที่ไล่ระดับสีอยู่ครึ่งบนและมีสีทึบในครึ่งล่างเหมือนในภาพด้านล่าง: ฉันทำไม่ได้เพราะcenterColorกระจายออกไปเพื่อปกปิดส่วนล่างและส่วนบน ฉันจะสร้างพื้นหลังเหมือนภาพแรกได้อย่างไร ฉันจะทำให้ขนาดเล็กcenterColorที่ไม่กระจายออกได้อย่างไร นี่คือรหัสใน XML ของปุ่มพื้นหลังด้านบน <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:startColor="#6586F0" android:centerColor="#D6D6D6" android:endColor="#4B6CD6" android:angle="90"/> <corners android:radius="0dp"/> </shape>
15
ใช้การเปลี่ยน CSS3 ด้วยพื้นหลังไล่ระดับสี
ฉันกำลังพยายามเปลี่ยนผ่านโฮเวอร์ด้วย css เหนือรูปขนาดย่อเพื่อให้โฮเวอร์พื้นหลังไล่ระดับสีจางหายไปการเปลี่ยนแปลงไม่ทำงาน แต่ถ้าฉันเปลี่ยนเป็นrgba()ค่ามันก็ใช้ได้ดี ไม่รองรับการไล่ระดับสี? ฉันลองใช้ภาพด้วยเช่นกันมันจะไม่เปลี่ยนภาพเหมือนกัน ฉันรู้ว่าเป็นไปได้เช่นเดียวกับที่โพสต์มีคนทำ แต่ฉันไม่สามารถทราบได้อย่างแม่นยำ ความช่วยเหลือใด ๆ > นี่คือ CSS บางส่วนที่จะทำงานกับ: #container div a { -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; position: absolute; width: 200px; height: 150px; border: 1px #000 solid; margin: 30px; z-index: 2 } #container …
17
รัศมีของเส้นขอบ IE9 และการไล่ระดับสีพื้นหลัง
IE9 เห็นได้ชัดคือความสามารถที่จะจัดการกับมุมโค้งมนโดยใช้นิยาม CSS3 border-radiusมาตรฐาน แล้วการรองรับรัศมีชายแดนและการไล่สีพื้นหลังล่ะ? ใช่ IE9 นั้นรองรับทั้งสองอย่างแยกกัน แต่ถ้าคุณผสมสองสีไล่ระดับสีออกจากมุมมน ฉันยังเห็นความแปลกประหลาดกับเงาที่แสดงเป็นเส้นทึบสีดำใต้กล่องที่มีมุมโค้งมน นี่คือภาพที่แสดงใน IE9: ฉันจะแก้ไขปัญหานี้ได้อย่างไร
5
รูปทรงหลายลาด
ฉันต้องการสร้างรูปร่างที่เหมือนภาพต่อไปนี้: สังเกตการไล่ระดับสีครึ่งบนจากสี 1 ถึงสี 2 แต่มีครึ่งล่างที่ไล่ระดับสีจากสี 3 เป็นสี 4 ฉันรู้วิธีทำรูปร่างด้วยการไล่ระดับสีเดียว แต่ฉันไม่แน่ใจว่าจะแบ่งรูปร่างออกเป็นอย่างไร แบ่งเป็นสองส่วนและสร้างเป็น 1 รูปร่างโดยมีการไล่ระดับสี 2 แบบ ความคิดใด ๆ
177 android  gradient  shapes 
19
รับสีที่จางกว่าและเข้มกว่าเล็กน้อยจาก UIColor
ฉันกำลังมองหาที่จะเปลี่ยน UIColor ใด ๆ ให้เป็นแบบไล่ระดับสี วิธีที่ฉันตั้งใจจะทำคือการใช้ Core Graphics ในการวาดการไล่ระดับสี สิ่งที่ฉันพยายามทำคือการได้สีมาพูดว่า: [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0]; และรับ UIColor ซึ่งเป็นสีไม่กี่สีเข้มขึ้นและไม่กี่สีเบา ไม่มีใครรู้วิธีการทำเช่นนี้? ขอบคุณ.
4
Pytorch อาร์กิวเมนต์ไล่ระดับคืออะไร
ฉันกำลังอ่านเอกสารของ PyTorch และพบตัวอย่างที่พวกเขาเขียน gradients = torch.FloatTensor([0.1, 1.0, 0.0001]) y.backward(gradients) print(x.grad) โดยที่ x เป็นตัวแปรเริ่มต้นซึ่ง y ถูกสร้างขึ้น (เวกเตอร์ 3 ตัว) คำถามคืออาร์กิวเมนต์ 0.1, 1.0 และ 0.0001 ของเทนเซอร์ไล่ระดับสีคืออะไร? เอกสารประกอบยังไม่ชัดเจนในเรื่องนี้
10
การไล่ระดับสีใน Internet Explorer 9
ไม่มีใครรู้คำนำหน้าผู้ขายสำหรับการไล่ระดับสีภายใน IE9 หรือเราควรจะยังคงใช้ตัวกรองที่เป็นกรรมสิทธิ์ของพวกเขาอยู่หรือไม่? สิ่งที่ฉันมีสำหรับเบราว์เซอร์อื่น ๆ คือ: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */ เป็นโบนัสไม่มีใครรู้คำนำหน้าผู้ขายของ Opera เช่นกัน?
7
การไล่ระดับสีแบบวงกลมใน Android
ฉันกำลังพยายามไล่ระดับสีที่ปล่อยออกมาจากกลางหน้าจอเป็นสีขาวและเปลี่ยนเป็นสีดำเมื่อเลื่อนไปที่ขอบของหน้าจอ ในขณะที่ฉันทำการไล่ระดับสี "ปกติ" เช่นนี้ฉันได้ทดลองกับรูปร่างต่างๆ: <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#E9E9E9" android:endColor="#D4D4D4" android:angle="270"/> </shape> เมื่อใช้ "วงรี" - รูปร่างอย่างน้อยฉันก็มีรูปทรงกลม แต่ไม่มีเอฟเฟกต์การไล่ระดับสี ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? '
109 android  gradient 
4
การไล่ระดับของ n สีตั้งแต่สี 1 และสี 2
ฉันมักจะทำงานกับการggplot2ไล่ระดับสีที่ดี ( คลิกที่นี่เพื่อดูตัวอย่าง ) ฉันมีความต้องการที่จะทำงานในฐานและฉันคิดว่าscalesสามารถใช้ที่นั่นเพื่อสร้างการไล่ระดับสีได้เช่นกัน แต่ฉันไม่ได้ตั้งใจอย่างมาก เป้าหมายพื้นฐานคือสร้างจานสี n สีที่มีตั้งแต่สี x ไปจนถึงสี y การแก้ปัญหาจำเป็นต้องทำงานในฐานแม้ว่า นี่เป็นจุดเริ่มต้น แต่ไม่มีที่ให้ใส่ n scale_colour_gradientn(colours=c("red", "blue")) ฉันตระหนักดีถึง: brewer.pal(8, "Spectral") จากRColorBrewer. ฉันกำลังมองหาวิธีการเพิ่มเติมที่คล้ายกับวิธีggplot2จัดการกับการไล่ระดับสีที่บอกว่าฉันมีสองสีนี้และฉันต้องการ 15 สีไปพร้อมกัน ฉันจะทำเช่นนั้นได้อย่างไร?
108 r  gradient 
6
SVG ไล่ระดับโดยใช้ CSS
ฉันกำลังพยายามนำการไล่ระดับสีไปใช้กับrectองค์ประกอบSVG ขณะนี้ฉันใช้fillแอตทริบิวต์ ในไฟล์ CSS ของฉัน: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } และrectองค์ประกอบมีสีเติมที่ถูกต้องเมื่อดูในเบราว์เซอร์ อย่างไรก็ตามฉันต้องการทราบว่าฉันสามารถใช้การไล่ระดับสีเชิงเส้นกับองค์ประกอบนี้ได้หรือไม่
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.