CSS Triangle Generator

Δημιουργήστε τρίγωνα 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 Triangle Generator όποτε χρειάζεστε: Δημιουργήστε τρίγωνα CSS με κόλπα περιγραμμάτων — κατεύθυνση, μέγεθος και χρώμα.

Troubleshooting

Η προεπισκόπηση φαίνεται διαφορετική μετά την επικόλληση

Ελέγξτε για ανταγωνιστικά CSS στη σελίδα σας (επαναφορά, κληρονομικά χρώματα). Αντιγράψτε πρώτα τον κανόνα που δημιουργήθηκε σε ένα απομονωμένο φύλλο στυλ.

FAQ

Αυτό ανεβάζει το CSS μου;

Όχι. Οι γεννήτριες και οι μετατροπείς εκτελούνται στο πρόγραμμα περιήγησής σας με ζωντανή προεπισκόπηση.

Χρειάζομαι λογαριασμό;

Όχι. Ανοίξτε το εργαλείο, τροποποιήστε τα στοιχεία ελέγχου και αντιγράψτε το CSS.

CSS Triangle Generator