Jenereta ya Pembetatu ya CSS

Geuza pembetatu yako kukufaa kwa chaguo zilizo hapa chini na upate msimbo wa CSS unaozalishwa papo hapo.

Controls

100px
0px

Weka hadi 0 kwa pembetatu thabiti

Preview

CSS iliyozalishwa

$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; }

Vipengele vyenye nguvu

Jenereta yetu ya Pembetatu ya CSS inakuja na anuwai ya vipengele ili kukusaidia kuunda pembetatu bora kwa miradi yako.

Udhibiti kamili

Rekebisha ukubwa, mwelekeo, rangi na upana wa mpaka ili kuunda pembetatu inayofaa kwa muundo wako.

Nakili kwenye Ubao wa kunakili

Nakili msimbo wa CSS unaozalishwa papo hapo kwa mbofyo mmoja kwa ujumuishaji rahisi katika miradi yako.

Ubunifu msikivu

Jenereta inafanya kazi kikamilifu kwenye vifaa vyote, kutoka kwa eneo-kazi hadi simu ya mkononi, kuhakikisha kuwa unaweza kuunda pembetatu popote.

Pembetatu za uhuishaji

Ongeza harakati kwenye pembetatu zako ukitumia uhuishaji uliojengewa ndani kama vile mapigo, bounce na mzunguko.

Hifadhi usanidi wako wa pembetatu na ushiriki na washiriki wa timu au marafiki.

Maelekezo mengi

Unda pembetatu zinazoelekeza upande wowote, ikiwa ni pamoja na diagonals, kwa kubofya mara moja.

Tazama jinsi pembetatu za CSS zinaweza kutumika katika hali halisi za muundo wa ulimwengu.

Bubble ya hotuba

Unda violesura vya gumzo na viashiria vya pembetatu kwa kutumia CSS safi.

CSS Only

Kitufe cha kucheza

Tengeneza vicheza media na vitufe maridadi vya kucheza/kusitisha kwa kutumia pembetatu za CSS.

CSS Only

Mishale ya Urambazaji

Tekeleza vidhibiti vya urambazaji na mishale safi na nyepesi ya pembetatu.

CSS Only

Beji au arifa

Unda beji na arifa zinazovutia ukitumia pembetatu za CSS.

CSS Only

Mchoro wa kijiometri

Tengeneza asili tata na mifumo kwa kutumia mchanganyiko wa pembetatu za CSS.

CSS Only

Tooltip

Jenga vidokezo vya zana shirikishi na viashiria vya mtindo kwa kutumia pembetatu za CSS.

CSS Only

Kuhusu Jenereta ya Pembetatu ya CSS

Jenereta yetu ya Pembetatu ya CSS ni zana yenye nguvu iliyoundwa kwa ajili ya wasanidi programu na wabunifu wa wavuti ambao wanahitaji kuunda pembetatu za CSS haraka na kwa ufanisi. Iwe unaunda kidokezo rahisi cha zana, kipengele changamano cha UI, au unajaribu tu CSS, jenereta yetu imekushughulikia.

Kwa nini utumie pembetatu za CSS?

  • Nyepesi: Hakuna picha au rasilimali za ziada zinazohitajika
  • Scalable: Hifadhi ubora kamili kwa ukubwa wowote
  • Inaweza kubinafsishwa: Udhibiti kamili wa ukubwa, rangi, na mwelekeo
  • Utendaji: Nyakati bora za upakiaji ikilinganishwa na suluhisho zinazotegemea picha
  • Msikivu: Inafanya kazi kikamilifu kwenye vifaa vyote
Anza kuunda

Related Tools