ಗ್ರೇಡಿಯಂಟ್ ಜನರೇಟರ್ (Gradient Generator)

ಲೀನಿಯರ್, ರೇಡಿಯಲ್ ಅಥವಾ ಕೋನಿಕ್ ಗ್ರೇಡಿಯಂಟ್ ನಿರ್ಮಿಸಿ, ಕಲರ್ ಸ್ಟಾಪ್‌ಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ದಿಕ್ಕನ್ನು ಹೊಂದಿಸಿ, ನಂತರ ಒಂದೇ ಕ್ಲಿಕ್‌ನಲ್ಲಿ CSS ಅನ್ನು ನಕಲಿಸಿ.

ಗ್ರೇಡಿಯಂಟ್ ಪ್ರಕಾರ
ಕಲರ್ ಸ್ಟಾಪ್‌ಗಳು
CSS
ನಿಮ್ಮ ಗ್ರೇಡಿಯಂಟ್ ರೂಪಿಸಲು ಸ್ಟಾಪ್‌ಗಳು ಮತ್ತು ದಿಕ್ಕನ್ನು ಅಡ್ಜಸ್ಟ್ ಮಾಡಿ.

ಪ್ರತಿಯೊಂದು ಗ್ರೇಡಿಯಂಟ್ ಅನ್ನು ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲೇ ರೆಂಡರ್ ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ಇಲ್ಲಿ ಹೊಂದಿಸುವ ಯಾವುದೇ ಮಾಹಿತಿಯನ್ನು BroBroGo ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ಲೀನಿಯರ್, ರೇಡಿಯಲ್ ಮತ್ತು ಕೋನಿಕ್ ಗ್ರೇಡಿಯಂಟ್‌ಗಳ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?

ಲೀನಿಯರ್ ಗ್ರೇಡಿಯಂಟ್ ನೀವು ಕೋನದ ಮೂಲಕ ನಿರ್ದೇಶಿಸುವ ನೇರ ರೇಖೆಯ ಉದ್ದಕ್ಕೂ ಬಣ್ಣಗಳನ್ನು ಮಿಶ್ರಣ ಮಾಡುತ್ತದೆ. ರೇಡಿಯಲ್ ಗ್ರೇಡಿಯಂಟ್ ಅವುಗಳನ್ನು ಕೇಂದ್ರದಿಂದ ಹೊರಕ್ಕೆ ವೃತ್ತ ಅಥವಾ ದೀರ್ಘವೃತ್ತದ ಆಕಾರದಲ್ಲಿ ಹರಡುತ್ತದೆ. ಕೋನಿಕ್ ಗ್ರೇಡಿಯಂಟ್ ಬಣ್ಣದ ಚಕ್ರದಂತೆ ಕೇಂದ್ರದ ಸುತ್ತಲೂ ಅವುಗಳನ್ನು ತಿರುಗಿಸುತ್ತದೆ.

ಕಲರ್ ಸ್ಟಾಪ್‌ಗಳು (color stops) ಎಂದರೇನು?

ಪ್ರತಿಯೊಂದು ಕಲರ್ ಸ್ಟಾಪ್ ಗ್ರೇಡಿಯಂಟ್‌ನ ಉದ್ದಕ್ಕೂ ಒಂದು ನಿರ್ದಿಷ್ಟ ಸ್ಥಾನಕ್ಕೆ ನಿಗದಿಪಡಿಸಿದ ಬಣ್ಣವಾಗಿದೆ — ಪ್ರಾರಂಭದಲ್ಲಿ 0%, ಕೊನೆಯಲ್ಲಿ 100%. ಬಣ್ಣವು ಎಲ್ಲಿ ಪ್ರಮುಖವಾಗಿ ಕಾಣಿಸಬೇಕೆಂದು ನಿರ್ಧರಿಸಲು ಸ್ಟಾಪ್ ಅನ್ನು ಸರಿಸಿ, ಅಥವಾ ಹೆಚ್ಚು ಶ್ರೀಮಂತ ಮಿಶ್ರಣಕ್ಕಾಗಿ ಹೆಚ್ಚಿನ ಸ್ಟಾಪ್‌ಗಳನ್ನು ಸೇರಿಸಿ. ನೀವು ಗರಿಷ್ಠ ಎಂಟು ಸ್ಟಾಪ್‌ಗಳನ್ನು ಬಳಸಬಹುದು.

ನಾನು ದಿಕ್ಕನ್ನು ಹೇಗೆ ನಿಯಂತ್ರಿಸುವುದು?

ಲೀನಿಯರ್ ಅಥವಾ ಕೋನಿಕ್ ಗ್ರೇಡಿಯಂಟ್‌ಗಾಗಿ, ಆಂಗಲ್ ಸ್ಲೈಡರ್ ದಿಕ್ಕನ್ನು ಹೊಂದಿಸುತ್ತದೆ — 0° ಮೇಲಕ್ಕೆ, 90° ಬಲಕ್ಕೆ ಸೂಚಿಸುತ್ತದೆ. ರೇಡಿಯಲ್ ಗ್ರೇಡಿಯಂಟ್‌ಗೆ ಯಾವುದೇ ಕೋನ ಇರುವುದಿಲ್ಲ; ಅದು ಹರಡುವ ವಿಧಾನವನ್ನು ಬದಲಾಯಿಸಲು ವೃತ್ತ (circle) ಅಥವಾ ದೀರ್ಘವೃತ್ತ (ellipse) ಆಕಾರವನ್ನು ಆರಿಸಿ.