CSS Triangle Generator
Keɓance triangle ɗin ku tare da zaɓuɓɓukan da ke ƙasa kuma sami lambar CSS da aka samar nan take.
Controls
Saita zuwa 0 don ƙaƙƙarfan triangles
Preview
An ƙirƙira CSS
$triangle-color: #165DFF; $triangle-size: 100px; .triangle { width: 0; height: 0; border-left: $triangle-size solid transparent; border-right: $triangle-size solid transparent; border-bottom: calc($triangle-size * 2) solid $triangle-color; }
Siffofin Ƙarfi
Mu CSS Triangle Generator ya zo tare da kewayon fasali don taimaka muku ƙirƙirar ingantattun triangles don ayyukanku.
Cikakken Sarrafa
Daidaita girman, alkibla, launi, da faɗin iyaka don ƙirƙirar ingantacciyar alwatika don ƙirar ku.
Kwafi zuwa Clipboard
Nan take kwafi lambar CSS da aka samar tare da dannawa ɗaya don sauƙaƙe haɗin kai cikin ayyukanku.
Zane Mai Amsa
Janareta yana aiki daidai akan dukkan na'urori, daga tebur zuwa wayar hannu, yana tabbatar da cewa zaku iya ƙirƙirar triangles a ko'ina.
Triangles mai rai
Ƙara motsi zuwa triangles ɗin ku tare da ginanniyar raye-raye kamar bugun bugun jini, billa, da juyawa.
Ajiye daidaitawar alwatika kuma raba su tare da membobin ƙungiyar ko abokai.
Hanyoyi da yawa
Ƙirƙiri triangles masu nuni a kowace hanya, gami da diagonals, tare da dannawa ɗaya.
Dubi yadda za a iya amfani da triangles na CSS a cikin yanayin ƙira na ainihi na duniya.
Bubble Magana
Ƙirƙirar mu'amalar taɗi tare da masu nuni masu kusurwa uku ta amfani da tsantsar CSS.
Maballin kunnawa
Zana 'yan wasan kafofin watsa labarai tare da kyawawan maɓallan wasa/dakata ta amfani da triangles CSS.
Kibiyoyin kewayawa
Aiwatar da sarrafa kewayawa tare da kibiyoyi masu tsabta, masu nauyi masu nauyi.
Alama ko Sanarwa
Ƙirƙiri bajoji masu ɗaukar hankali da sanarwa tare da triangles na CSS.
Tsarin Geometric
Ƙirƙirar ɓoyayyiyar ɓangarori da ƙira ta amfani da haɗakar triangles na CSS.
Tooltip
Gina nasihun kayan aiki na mu'amala tare da masu sifofi masu salo ta amfani da triangles na CSS.
Game da CSS Triangle Generator
Mu CSS Triangle Generator kayan aiki ne mai ƙarfi wanda aka tsara don masu haɓaka gidan yanar gizo da masu ƙira waɗanda ke buƙatar ƙirƙirar triangles na CSS cikin sauri da inganci. Ko kuna gina ƙaƙƙarfan kayan aiki mai sauƙi, haɗaɗɗen UI, ko kawai gwaji tare da CSS, janareta ɗin mu ya rufe ku.
Me yasa ake amfani da Triangles na CSS?
- Fuskar nauyi: Babu hotuna ko ƙarin albarkatun da ake buƙata
- Scalable: Riƙe cikakken inganci a kowane girman
- Mai iya daidaitawa: Cikakken iko akan girma, launi, da shugabanci
- Aiki: Mafi kyawun lokutan lodi idan aka kwatanta da mafita na tushen hoto
- Amsa: Yana aiki daidai a duk na'urori
Related Tools
Ƙirƙirar Matsalolin Flexbox cikakke
Haɓaka, keɓancewa, da samar da lambar CSS flexbox tare da ilhamar ja-da-saukar da mu.
Stylus zuwa CSS Converter
Canza lambar SCSS ɗin ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.
SCSS zuwa CSS Converter
Canza lambar SCSS ɗin ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.
Canza CSS zuwa SCSS
Canza lambar CSS ɗin ku zuwa SCSS tare da masu canji, gida, da ƙari. Mai sauri, mai sauƙi, kuma amintacce.
HSV zuwa RGB
Maida lambobin launi na HSV zuwa ƙimar RGB don ci gaban yanar gizo
Canjin Wutar Lantarki
Canza tsakanin raka'o'in lantarki daban-daban tare da madaidaicin lissafin injiniyan ku