शुद्ध सीएसएस (कोई जावास्क्रिप्ट) के साथ यादृच्छिक रंग उत्पन्न करें?

क्या शुद्ध सीएसएस के साथ यादृच्छिक रंग उत्पन्न करना और जावास्क्रिप्ट का उपयोग किए बिना संभव है? यह शायद असंभव है लेकिन मैं अभी भी उत्सुक हूँ।शुद्ध सीएसएस (कोई जावास्क्रिप्ट) के साथ यादृच्छिक रंग उत्पन्न करें?

स्रोत

2013-03-10 Arch1tect

यह नहीं किया जा सकता है। सीएसएस बहुत अधिक स्थिर है। – Bart

http://stackoverflow.com/questions/476276/using-javascript-in-css – Blender

@ ब्लेंडर वास्तव में * शुद्ध * सीएसएस नहीं है। – Boaz

मैंने आपके लिए कुछ here पाया, लेकिन यह PHP का उपयोग करता है। मुझे लगता है कि सादा सीएसएस के साथ यह असंभव है।

स्रोत

2013-03-10 21:45:41

वास्तव में नहीं। गतिशीलता केवल स्क्रिप्टिंग के समर्थन के साथ लागू की जा सकती है।

स्रोत

2013-03-10 22:09:13

<body style='background-color:<?php printf("#%06X\n", mt_rand(0, 0x222222)); ?>'>

इस साइट के अनुसार पीएचपी

स्रोत

2013-12-29 20:22:52 Jono

का उपयोग करना, http://blog.codepen.io/2013/08/26/random-function-in-sass/ इसके संभव है, लेकिन शुद्ध सीएसएस

स्रोत

2014-06-08 06:26:25 Spycomb

PHP का उपयोग करने के समान ही बहुत कुछ, केवल इस बार वे रूबी का उपयोग कर रहे हैं। –

यह शुद्ध सीएसएस में वास्तव में संभव नहीं है के साथ नहीं।

हालांकि, एसएएसएस (example) या कम (example) जैसे प्री-प्रोसेसर का उपयोग करके आपके लिए यादृच्छिक रंग उत्पन्न हो सकते हैं क्योंकि वे स्क्रिप्टिंग भाषाओं का उपयोग करके बनाए जाते हैं।

एक ओर टिप्पणी भविष्य में पाठकों मदद मिल सकती है CSS variables प्रयोग करने के लिए संभावना है। हम

element { 
    --main-bg-color: brown; 
}

कह कर एक सीएसएस चर घोषित और इतने की तरह उपयोग कर सकते हैं:

element { 
    background-color: var(--main-bg-color); 
}

अब हम का उपयोग कर इसे बदल सकते हैं जे एस:

// From http://stackoverflow.com/a/5365036/2065702 
var randomColor = "#"+((1<<24)*Math.random()|0).toString(16); 

document.documentElement.style.setProperty('main-bg-color', randomColor);

या आप एक पूरी तरह से अलग इस्तेमाल कर सकते हैं एक यादृच्छिक रंग (जैसे उपयोगकर्ता इनपुट) का चयन करने का तरीका। यह थीमिंग जैसी संभावनाओं के लिए अनुमति देता है। एक बात आपको विचार करना है browser support क्योंकि यह अभी ठीक नहीं है।

स्रोत

2016-11-15 20:08:03

शुद्ध सीएसएस (कोई जावास्क्रिप्ट) के साथ यादृच्छिक रंग उत्पन्न करें?

उत्तर

संबंधित मुद्दे