CSS ತ್ರಿಕೋನ ಜನರೇಟರ್

ಕ್ಲಾಸಿಕ್ ಬಾರ್ಡರ್ ಟ್ರಿಕ್‌ನೊಂದಿಗೆ CSS ತ್ರಿಕೋನಗಳನ್ನು ರಚಿಸಿ. ದಿಕ್ಕು, ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಿ, ನಂತರ ತುಣುಕನ್ನು ನಕಲಿಸಿ.

CSS Triangle Generator

Live

Direction

Size60px

Color

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

ಗಡಿ ತಂತ್ರಗಳೊಂದಿಗೆ CSS ತ್ರಿಕೋನಗಳನ್ನು ರಚಿಸಿ - ದಿಕ್ಕು, ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣ.
ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತದೆ
ಬಳಸಲು ಉಚಿತ

ಹೇಗೆ ಬಳಸುವುದು

ತ್ರಿಕೋನ ದಿಕ್ಕನ್ನು ಆರಿಸಿ.
ಗಾತ್ರವನ್ನು ಹೊಂದಿಸಿ ಮತ್ತು ಬಣ್ಣವನ್ನು ತುಂಬಿಸಿ.
CSS ಅನ್ನು ನಕಲಿಸಿ.

How this tool works

ತ್ರಿಕೋನ ದಿಕ್ಕನ್ನು ಆರಿಸಿ.
ಗಾತ್ರವನ್ನು ಹೊಂದಿಸಿ ಮತ್ತು ಬಣ್ಣವನ್ನು ತುಂಬಿಸಿ.
CSS ಅನ್ನು ನಕಲಿಸಿ.

Recommended settings

ಮೊದಲು ಡೀಫಾಲ್ಟ್ ಆಯ್ಕೆಗಳನ್ನು ಬಳಸಿ, ನಂತರ ಅಗತ್ಯವಿದ್ದರೆ ಹೊಂದಿಸಿ

Supported formats

Text / on-page input

File size and limits

ಬಹಳ ಸಂಕೀರ್ಣವಾದ ಬಹು-ಪದರದ ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಹಳೆಯ ಫೋನ್‌ಗಳಲ್ಲಿ ನಿಧಾನವಾಗಬಹುದು.

Privacy

ಬಣ್ಣ ಮತ್ತು CSS ಜನರೇಟರ್‌ಗಳು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ರನ್ ಆಗುತ್ತವೆ. ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಮತ್ತು ಪರಿವರ್ತನೆಗಳು ನಿಮ್ಮ ಶೈಲಿಗಳನ್ನು ಎಂದಿಗೂ ಅಪ್‌ಲೋಡ್ ಮಾಡುವುದಿಲ್ಲ.

Common use cases

ನಿಮಗೆ ಅಗತ್ಯವಿರುವಾಗ CSS ತ್ರಿಕೋನ ಜನರೇಟರ್ ಅನ್ನು ಬಳಸಿ: ಗಡಿ ತಂತ್ರಗಳೊಂದಿಗೆ CSS ತ್ರಿಕೋನಗಳನ್ನು ರಚಿಸಿ - ದಿಕ್ಕು, ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣ.

Troubleshooting

ಪೇಸ್ಟ್ ಮಾಡಿದ ನಂತರ ಪೂರ್ವವೀಕ್ಷಣೆ ವಿಭಿನ್ನವಾಗಿ ಕಾಣುತ್ತದೆ

ನಿಮ್ಮ ಪುಟದಲ್ಲಿ ಸ್ಪರ್ಧಾತ್ಮಕ CSS ಅನ್ನು ಪರಿಶೀಲಿಸಿ (ಮರುಹೊಂದಿಕೆಗಳು, ಆನುವಂಶಿಕ ಬಣ್ಣಗಳು). ರಚಿಸಲಾದ ನಿಯಮವನ್ನು ಮೊದಲು ಪ್ರತ್ಯೇಕವಾದ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ನಕಲಿಸಿ.

FAQ

ಇದು ನನ್ನ CSS ಅನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡುತ್ತದೆಯೇ?

ಇಲ್ಲ. ಜನರೇಟರ್‌ಗಳು ಮತ್ತು ಪರಿವರ್ತಕಗಳು ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತವೆ.

ನನಗೆ ಖಾತೆ ಬೇಕೇ?

ಇಲ್ಲ. ಉಪಕರಣವನ್ನು ತೆರೆಯಿರಿ, ನಿಯಂತ್ರಣಗಳನ್ನು ಟ್ವೀಕ್ ಮಾಡಿ ಮತ್ತು CSS ಅನ್ನು ನಕಲಿಸಿ.