CSS Ribbon Generator

Zana Ribbons-Kamun Ido don Gidan Yanar Gizonku

Controls

Small Large
Small Large

Preview

Ƙirƙirar Code

/* Ribbon Styles */ .ribbon { position: absolute; top: 20px; right: -50px; width: 200px; padding: 8px 0; background-color: #3B82F6; color: white; text-align: center; transform: rotate(45deg); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); z-index: 100; font-size: 16px; font-weight: bold; }

Game da CSS Ribbon Generator

Ƙirƙiri kyawawan ribbons na CSS masu amsawa don gidan yanar gizonku tare da janareta mai sauƙin amfani. Babu hotuna da ake buƙata - sihirin CSS kawai!

Mabuɗin Siffofin

  • Salo da yawa:Zaɓi tsakanin daidaitattun ƙididdiga da kusurwa
  • Girman da ake iya daidaitawa:Daidaita girman kintinkiri don dacewa da ƙirar ku
  • Zaɓuɓɓukan launi:Zaɓi daga kewayon launuka masu yawa ko zaɓi naku
  • Ikon Matsayi:Sanya kintinkiri a kowane kusurwar kashinku
  • Tasirin Raya:Ƙara raye-raye masu hankali don sanya ribbon ɗinku ya fice
  • Samun tsaftataccen lambar lamba don sauƙin aiwatarwa

Abubuwan Amfani da Jama'a

Banners Sale

Haskaka tayi na musamman da haɓakawa akan rukunin yanar gizon ku na e-kasuwanci.

Sabbin siffofi

Jawo hankali ga sabbin abubuwa ko sabuntawa akan aikace-aikacenku.

Nuna lambobin yabo, takaddun shaida, ko matsayi na musamman akan bayanan martaba.

Yadda Ake Amfani

  1. Daidaita sarrafawa don keɓance kamannin kintinkirin ku
  2. Yi samfoti da canje-canjenku a ainihin-lokaci
  3. Kwafi lambar CSS da HTML da aka samar
  4. Manna lambar a cikin aikin ku
  5. Ji daɗin kyakkyawan sabon kintinkiri!

Made with ga masu haɓakawa a ko'ina.

Related Tools

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.

Ƙirƙirar Matsalolin Flexbox cikakke

Haɓaka, keɓancewa, da samar da lambar CSS flexbox tare da ilhamar ja-da-saukar da mu.

Radius Generator Border

Kayan aikin janareta na CSS-radius don samar da sanarwar CSS-radius kan iyaka da sauri.

Hex zuwa Octal

Maida lambobin hexadecimal zuwa octal ba tare da wahala ba

HTML Encode Tool

Rufe rubutu zuwa abubuwan HTML cikin sauƙi a cikin burauzar ku. Cikakke ga masu haɓakawa da masu ƙirƙirar abun ciki.