CSS ಗ್ರೇಡಿಯೆಂಟ್ ಜೆನರೇಟರ್

ಬಣ್ಣ ಮತ್ತು ಕೋನವನ್ನು ಆರಿಸಿಕೊಂಡು CSS ಗ್ರೇಡಿಯೆಂಟ್ ಕೋಡ್ ಅನ್ನು ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡುತ್ತಾ ರಚಿಸಿ

ನವೀಕರಣ ಮಾಹಿತಿCSS ಗ್ರೇಡಿಯಂಟ್ ಜೆನರೇಟರ್ ಸೇರಿಸಲಾಗಿದೆ, ಬಣ್ಣ ಮತ್ತು ಕೋನ ಆರಿಸಿ ಕೋಡ್ ಉತ್ಪಾದಿಸಿನವೀಕರಣ ಮಾಹಿತಿ ವೀಕ್ಷಿಸಿ

ವೈಶಿಷ್ಟ್ಯಗಳು

ಪೂರ್ವವೀಕ್ಷಣೆ ಮತ್ತು ಕೋಡ್ ಏಕಕಾಲಿಕ ನವೀಕರಣ

ಬಣ್ಣ ಅಥವಾ ಕೋನವನ್ನು ಬದಲಿಸಿದಾಗ ನೋಟ ಮತ್ತು CSS ಒಂದೇ ಸಮಯದಲ್ಲಿ ಬದಲಾಗುತ್ತವೆ

ರೇಖೀಯ, ವೃತ್ತಾಕಾರ ಮತ್ತು ಸಾನೆರ ಸಮರ್ಥನೆ

ಕೋನ, ಆಕಾರ ಮತ್ತು ಕೇಂದ್ರ ಸ್ಥಾನವನ್ನು ಪ್ರತಿ ಪ್ರಕಾರಕ್ಕೆ ಸೂಕ್ಷ್ಮವಾಗಿ ನಿಗದಿ ಮಾಡಿ

10 ಬಣ್ಣ ವರೆಗೆ ಡ್ರ್ಯಾಗ್ ಮಾಡುವ ಮೂಲಕ ನಿಯೋಜನೆ

ಬಾರ್‌ನಲ್ಲಿ ಡ್ರ್ಯಾಗ್ ಮಾಡುವ ಮೂಲಕ ಬಣ್ಣದ ಸ್ಥಾನ, ಸ್ಲೈಡರ್‌ನೊಂದಿಗೆ ಪಾರದರ್ಶಕತೆ ನಿಯೋಜಿಸಿ

8 ಮಾದರಿ ಮತ್ತು ಯಾದೃಚ್ಛಿಕ ರಚನೆ

ಸಾಮಾನ್ಯ ಬಣ್ಣ ಅಥವಾ ಯಾದೃಚ್ಛಿಕ ಬಣ್ಣದಿಂದ ಪ್ರಾರಂಭಿಸಿ ಸಣ್ಣ ಸಮನ್ವಯ ಮಾಡಿ

ಬಳಕೆಯ ವಿಧಾನ

ಪ್ರಕಾರವನ್ನು ಆರಿಸಿ

ರೇಖೀಯ, ವೃತ್ತಾಕಾರ ಅಥವಾ ಸಾನೆರದಿಂದ ಗ್ರೇಡಿಯೆಂಟ್ ಪ್ರಕಾರವನ್ನು ಆರಿಸಿ

ಬಣ್ಣವನ್ನು ನಿಶ್ಚಿತ ಮಾಡಿ

ಬಣ್ಣ ಕೋಡ್ ಅಥವಾ ಮಾದರಿಯಿಂದ ಬಣ್ಣವನ್ನು ಆರಿಸಿ, 'ಬಣ್ಣ ಸೇರಿಸಿ' ನೊಂದಿಗೆ ಬಣ್ಣ ಹೆಚ್ಚಿಸಿ ಮತ್ತು ಸ್ಥಾನ ಮತ್ತು ಪಾರದರ್ಶಕತೆ ನಿಯೋಜಿಸಿ

ದಿಕ್ಕು ನಿಯೋಜಿಸಿ

ರೇಖೀಯದಿಂದ ಕೋನ ಅಥವಾ ದಿಕ್ಕು ಬಟನ್, ವೃತ್ತಾಕಾರ ಅಥವಾ ಸಾನೆರ ಕೇಂದ್ರ ಸ್ಥಾನವನ್ನು ನಿಗದಿ ಮಾಡಿ

ಕೋಡ್ ನಕಲಿ ಮಾಡಿ

'ನಕಲಿ' ಬಟನ್‌ನೊಂದಿಗೆ ಒಂದು ಸಾಲಿನ CSS ಅನ್ನು ನಿಮ್ಮ ಶೈಲಿಗೆ ಅಂಟಿಸಿ

ಬಳಕೆಯ ಪರಿಸ್ಥಿತಿಗಳು

ನಾಯಕ ಚಿತ್ರದ ಹಿನ್ನೆಲೆ ರಚನೆ

ಸೈಟ್‌ನ ಮೇಲ್ಭಾಗ ಅಥವಾ ಬಟನ್‌ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಕೋಡ್ ಬರೆಯದೆ ನಿಶ್ಚಿತ ಮಾಡಿ

ಬ್ಲಾಗ್ ಶೀರ್ಷಿಕೆಯ ಬಣ್ಣ ಆರಿಕೆ

ಮಾದರಿದಿಂದ ಹೋಲುವ ಬಣ್ಣವನ್ನು ಆರಿಸಿ ಲೇಖನದ ಶೀರ್ಷಿಕೆ ಹಿನ್ನೆಲೆ ಸಮಗ್ರ ಮಾಡಿ

ಚಿತ್ರದ ಮೇಲೆ ಆವರಕ

ಪಾರದರ್ಶಕತೆ ಕಡಿಮೆ ಮಾಡಿ ಚಿತ್ರದ ಮೇಲೆ ಅರ್ಧ ಪಾರದರ್ಶಕ ಪದರ ರಚಿಸಿ

ಬಹು-ಬಣ್ಣ ಗ್ರೇಡಿಯೆಂಟ್ ನಿಯೋಜನೆ

3 ಅಥವಾ ಹೆಚ್ಚಿನ ಬಣ್ಣದ ಗಡಿಯ ಸ್ಥಾನವನ್ನು ಡ್ರ್ಯಾಗ್ ಮಾಡುವ ಮೂಲಕ ಕ್ರಮೇಣ ಮುಚ್ಚಿ

ಮೂಲ ಜ್ಞಾನ

linear, radial ಮತ್ತು conic ಭಿನ್ನತೆ

CSS ಗ್ರೇಡಿಯೆಂಟ್‌ನಲ್ಲಿ ಬಣ್ಣ ಪರಿವರ್ತನದ ವಿಧಾನ ಭಿನ್ನ ಮೂರು ಕಾರ್ಯ ಉಂಟು, ಮತ್ತು background ಗುಣಲಕ್ಷಣದಲ್ಲಿ ಬರೆತು ಬಳಸಬಹುದು.

linear-gradient：linear-gradient ನಿಗದಿ ಕೋನದ ನೇರ ರೇಖೆಯ ಉದ್ದಕ್ಕೆ ಬಣ್ಣ ಪರಿವರ್ತನ ರೇಖೀಯ ಗ್ರೇಡಿಯೆಂಟ್.
radial-gradient：radial-gradient ಕೇಂದ್ರ ಸ್ಥಾನದಿಂದ ಹೊರಕ್ಕೆ ವೃತ್ತ ಅಥವಾ ಅಂಡಾಕಾರ ಆಕಾರದಲ್ಲಿ ಬಣ್ಣ ವಿಸ್ತರಿಸುವ ವೃತ್ತಾಕಾರ ಗ್ರೇಡಿಯೆಂಟ್.
conic-gradient：conic-gradient ಕೇಂದ್ರ ಸ್ಥಾನದ ಸುತ್ತಲೂ ಘಡಿಯಾರದ ದಿಕ್ಕಿನಲ್ಲಿ ಸಂಪೂರ್ಣ ಸುತ್ತಿನಲ್ಲಿ ಬಣ್ಣ ಪರಿವರ್ತನ ಸಾನೆರ ಗ್ರೇಡಿಯೆಂಟ್.

ಕೋನ ಮತ್ತು ದಿಕ್ಕು ಕೀವರ್ಡ್ ಅನುರೂಪ

linear-gradient ಕೋನ 0deg ಕೆಳಗಿಂದ ಮೇಲಕ್ಕೆ ದಿಕ್ಕಿನಲ್ಲಿ, ಸಂಖ್ಯೆ ಹೆಚ್ಚಾದಂತೆ ಘಡಿಯಾರದ ದಿಕ್ಕು ತಿರುಗುತ್ತದೆ. ಕೋನ 'to right' ಕೀವರ್ಡ್‌ನೊಂದಿಗೆ ಬರೆಯಬಹುದು, 90deg ಎಂಬುದು 'to right' ಮತ್ತು 180deg 'to bottom' ಗೆ ಸಮಾನ ದಿಕ್ಕು.

ಬಣ್ಣ ನಿಲ್ದಾಣ ಮತ್ತು ಪಾರದರ್ಶಕತೆ ಬರೆಯುವ ವಿಧಾನ

ಬಣ್ಣ ನಿಲ್ದಾಣ (ಕಲರ್ ಸ್ಟಾಪ್) ಗ್ರೇಡಿಯೆಂಟ್‌ಗಳಲ್ಲಿ ಆ ಬಣ್ಣದ ಸ್ಥಾನವು 0% ಆರಂಭ ಮತ್ತು 100% ಅಂತ್ಯವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ '#3B82F6 0%, #8B5CF6 100%' ಆರಂಭ ನೀಲಿ ಬಣ್ಣದಿಂದ ಅಂತ್ಯ ನೇರಳೆ ಬಣ್ಣಕ್ಕೆ ಪರಿವರ್ತನ ನಿಗದಿ.

#RRGGBB ಸ್ವರೂಪ：#RRGGBB ಸ್ವರೂಪ ಕೆಂಪು, ಹಸಿರು, ನೀಲಿ ಶಕ್ತಿ ಪ್ರತಿ 2 ಅಂಕಿ 16 ಮೂಲಾಂಕ ಪ್ರತಿನಿಧಿಸುವ ಬಣ್ಣ ಬರೆಯುವ ವಿಧಾನ, #FF0000 ಪಾರದರ್ಶಕ ಕೆಂಪು ಪ್ರತಿನಿಧಿ.
rgba ಸ್ವರೂಪ：rgba ಸ್ವರೂಪ ಕೆಂಪು, ಹಸಿರು, ನೀಲಿ ಮೌಲ್ಯ (0-255) ಪಾರದರ್ಶಕತೆ (0-1) ಸೇರಿಸುವ ಬಣ್ಣ ಬರೆಯುವ ವಿಧಾನ, ಪಾರದರ್ಶಕತೆ 0.5 ಅರ್ಧ ಪಾರದರ್ಶಕ ಬಣ್ಣವನ್ನು ಪ್ರತಿನಿಧಿ.