«gradient» 태그된 질문

일반적으로 영역을 채우는 데 사용되는 위치 종속 색상의 범위를 지정합니다.


12
본문에 설정된 CSS3 그라디언트 배경이 늘어나지 않고 대신 반복됩니까?
좋아, <body>총 내용은 총 300px입니다. <body>사용 배경을 설정 -webkit-gradient하거나-moz-linear-gradient 그런 다음 창을 최대화하거나 (또는 ​​300px보다 크게) 그라디언트는 정확히 300px (콘텐츠 높이)이며 나머지 창을 채우기 위해 반복합니다. 나는 이것이 웹킷과 도마뱀에서 동일하기 때문에 버그가 아니라고 가정합니다. 그러나 그라디언트를 반복하는 대신 창을 채우기 위해 늘릴 수있는 방법이 있습니까?
429 css  gradient 

7
CSS3 투명도 + 그라디언트
RGBA는 매우 재미있다, 그래서이다 -webkit-gradient, -moz-gradient그리고 어 ... progid:DXImageTransform.Microsoft.gradient... 그래. :) RGBA와 그라디언트를 결합하여 현재 / 최신 CSS 사양을 사용하여 알파 투명도의 그라디언트를 결합하는 방법이 있습니까?
286 css  gradient 

17
그라디언트 테두리
테두리에 그라디언트를 적용하려고 하는데이 작업이 간단하다고 생각했습니다. border-color: -moz-linear-gradient(top, #555555, #111111); 그러나 이것은 작동하지 않습니다. 테두리 그라디언트를 수행하는 올바른 방법이 무엇인지 아는 사람이 있습니까?
274 css  gradient 

9
안드로이드 LinearLayout 그라데이션 배경
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 / …

9
안드로이드에서 그라디언트 배경을 만드는 법
아래 이미지와 같이 그라디언트가 위쪽 절반에 있고 아래쪽 절반에 단색이있는 그라디언트 배경을 만들고 싶습니다. 나는 centerColor바닥과 상단을 덮기 위해 퍼지기 때문에 나는 할 수 없습니다 . 첫 번째 이미지와 같은 배경을 어떻게 만들 수 있습니까? centerColor퍼지지 않는 작은 것을 어떻게 만들 수 있습니까? 위의 백그라운드 버튼의 XML 코드입니다. <shape xmlns:android="http://schemas.android.com/apk/res/android" …

15
그라데이션 배경으로 CSS3 전환 사용
호버에서 배경 그라디언트가 희미 해지도록 축소판 위에 CSS로 호버 전환을 시도하고 있습니다. 전환이 작동하지 않지만 간단하게 변경하면 rgba() 값으로 정상적으로 작동합니다. 그라디언트가 지원되지 않습니까? 이미지도 사용해 보았습니다. 이미지도 전환되지 않습니다. 다른 게시물에서와 마찬가지로 가능하다는 것을 알고 있지만 얼마나 정확한지 알 수는 없습니다. 모든 도움말> 다음은 작업 할 CSS입니다. #container div …

17
IE9 테두리 반경 및 배경 그라디언트 출혈
IE9는의 CSS3 표준 정의를 사용하여 둥근 모서리를 처리 할 수 ​​있습니다 border-radius. 테두리 반경 및 배경 그라디언트 지원은 어떻습니까? 예 IE9는 둘 다 별도로 지원하지만 둘을 혼합하면 둥근 모서리에서 그라디언트가 번집니다. 둥근 모서리가있는 상자 아래에 그림자가 검은 색 선으로 표시되는 이상한 점이 있습니다. IE9에 표시된 이미지는 다음과 같습니다. 이 문제를 …

5
다중 그라데이션 모양
다음 이미지와 같은 모양을 만들고 싶습니다. 색상 1에서 색상 2 로의 상단 절반 그라디언트를 주목하지만 하단 3에서 색상 3에서 색상 4로 그라디언트하는 하단 절반이 있습니다. 단일 그라디언트로 모양을 만드는 방법을 알고 있지만 모양을 분할하는 방법을 잘 모르겠습니다 두 개의 반쪽과 두 개의 다른 그라디언트로 하나의 모양을 만듭니다. 어떤 아이디어?
177 android  gradient  shapes 

19
UIColor에서 약간 더 밝고 어두운 색상 얻기
UIColor를 그라디언트로 바꿀 수 있기를 원했습니다. 내가하려고하는 방식은 Core Graphics를 사용하여 그라디언트를 그리는 것입니다. 내가하려고하는 것은 색상을 얻는 것입니다. [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0]; 그리고 몇 가지 색조가 더 어둡고 몇 가지 색조가 더 밝은 UIColor를 얻습니다. 누구든지 이것을하는 방법을 알고 있습니까? 감사합니다.


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 */ …

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
색상 1 및 색상 2 범위의 n 색상 그라데이션
저는 종종 ggplot2그라디언트를 멋지게 만드는 작업을 합니다 ( 예를 보려면 여기를 클릭하십시오 ). 베이스에서 작업 할 필요가 scales있고 거기에서 컬러 그래디언트를 만드는데도 사용할 수 있다고 생각 하지만 방법에 대해 심각하게 생각하지 않습니다. 기본 목표는 x 색상에서 y 색상까지의 n 색상 팔레트를 생성하는 것입니다. 솔루션은 기본에서 작동해야합니다. 이것은 시작점 이었지만 n을 …
108 r  gradient 

6
CSS를 사용한 SVG 그라디언트
SVG rect요소에 그라디언트를 적용하려고합니다 . 현재는 fill속성을 사용하고 있습니다. 내 CSS 파일에서 : rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } 그리고 rect요소는 브라우저에서 볼 때 올바른 채우기 색상을 갖습니다. 그러나이 요소에 선형 그래디언트를 적용 할 수 있는지 알고 싶습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.