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 പരിശോധിക്കുക (റീസെറ്റുകൾ, പാരമ്പര്യ നിറങ്ങൾ). ജനറേറ്റ് ചെയ്ത നിയമം ആദ്യം ഒരു ഒറ്റപ്പെട്ട സ്റ്റൈൽഷീറ്റിലേക്ക് പകർത്തുക.

പതിവ് ചോദ്യങ്ങൾ

ഇത് എൻ്റെ CSS അപ്‌ലോഡ് ചെയ്യുന്നുണ്ടോ?

നമ്പർ. ജനറേറ്ററുകളും കൺവെർട്ടറുകളും തത്സമയ പ്രിവ്യൂ ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.

എനിക്ക് ഒരു അക്കൗണ്ട് ആവശ്യമുണ്ടോ?

ഇല്ല. ടൂൾ തുറക്കുക, നിയന്ത്രണങ്ങൾ മാറ്റുക, CSS പകർത്തുക.