CSS/자바 스크립트 동적 그라데이션 또는 내가이 규칙을 사용하고

Question

그림자 :

.log-widget-alexa{ background: #001C48;} 
.log-widget-altervista{ background: #FFE852;} 
.log-widget-amazon{ background: #000000;} 
.log-widget-aol{ background: #0060A3;} 
etc .. 

내가 삽입이 어두워 같은 배경으로 위젯을 돋을 새김하는 그림자 또는 그라데이션 색상을 어둡게 추가 단지 1 개 클래스를 사용하고자하는

.

일부 CSS/JavaScript/jQuery 트릭으로 가능합니까?

나는 배경이있는 경우를 의미합니다. # 666; 예를 들어 # 555에 간단한 그래디언트/그림자를 추가하고 싶습니다. (이 경우 초보 배경 색상에서 약간의 어둡게 어둡게됩니다. # 666)

박스 섀도우 대신 수동으로 약간의 CSS 트릭을 설정하고 싶습니다. 또는 배경 이미지 그래디언트 :/왜냐하면 나는 내 CSS에서 이러한 규칙이 수천 있습니다.

Answer 1

순수 CSS에서는 불가능합니다. 당신은 자바 스크립트가 필요합니다. 모든 요소를 ​​선택하고 .css()으로 배경색을 얻은 다음 초 색상을 계산 한 다음 .css()을 사용하여 그에 따라 그라데이션을 적용하십시오.