← & CSS- utforming
& CSS- utforming · kjører lokalt

Tilgjengelig CSS-brytergenerator

Generer en responsiv av/på-bryter basert på avkrysningsboks, med sammenhengende geometri for spor og knapp, aktive farger og en tastatursynlig fokuseringseffekt.

Klar. Arbeidsdataene dine forblir i denne nettleseren.

Hvorfor dette verktøyet er nyttig

Utform en av/på-innstilling som en kjent bryter, samtidig som du beholder en ekte avkrysningsboks for skjemaer, skjermlesere og tastaturinteraksjon.

Hvordan det fungerer

Spor- og miniatyrbildedimensjoner valideres sammen, miniatyrbildets bevegelse beregnes ut fra forskjellen mellom dem, og den aktive prøven forblir i den gjeldende nettleserfanen.

Praktisk eksempel

Opprett en varslingsbryter på 56 x 30 piksler der den grønne aktiverte tilstanden flytter den 24 piksler store tommelen nøyaktig 26 piksler over sporet.

Validering

Beregningen er deterministisk og forklarer valideringsfeil i stedet for å endre ugyldig inndata uten å si noe om det.

Personvern-grense

Inndata og utdata forblir i denne fanen. Kopiering og nedlasting skjer via nettleser-API-er uten opplasting til en server.

Resultatpass

Hver kjøring rapporterer sin verktøymodus, tidsstempel og inndata / utdata størrelse slik at transformerte data kan revideres.