Lag morsomme animerte radioknapper med Radiobox.css
Standard HTML5-radioknappene er ganske kjedelige. Det finnes måter å tilpasse dem ved hjelp av CSS3, men de fleste teknikker fokuserer bare på utseende .
Radiobox.css fokuserer på utseende og stil med tilpassede CSS3 animasjoner til radioinnganger.
Dette biblioteket er helt gratis og åpen kildekode, tilgjengelig på GitHub for nedlasting. Med dette CSS-biblioteket kan du velge mellom mer enn 12 forskjellige animasjoner som gjelder for radioknapper.
Uten tilpassede CSS-stiler, vil de likevel se ut som vanlige radioinnganger . Men når brukeren klikker for å velge en knapp, får de en gal animasjonseffekt . Du kan se liveeksempler på den viktigste radioboxsiden som demoer hver stil ved siden av navnet.
Du kan installere Radiobox rett fra npm eller bower, eller til og med laste ned filene lokalt til maskinen din. GitHub vert for alle sine filer i en CDN hvis du vil spille rundt uten å laste ned noe.
Den eneste filen du trenger erradiobox.min.css
som skal gå rett inn i dokumenthodet . Derfra legger du bare til en enkel klasse for hver radioknapp avhengig av hvilken animasjon du vil ha.Her er en kodebit for "boing" -effekten:
Merk at "boing" -animasjonen har sin egen CSS-fil kalt boing.min.css
. Dette må inkluderes hvis du planlegger å bruke den effekten på siden.
Når du laster ned Radiobox, bør du få en demokatalog med live demoer for alle disse effektene . Du kan rett og slett kopiere / lime koden direkte til siden din for å få det til å fungere uten problemer.
For full dokumentasjon, sjekk ut de viktigste repoene sammen med live demo-siden . Hvis du vil kontakte skaperne, kan du sende en e-post fra 720kb nettsiden eller meldingen via Twitter @ 720kb_ .
10 Futuristisk teknologi som kan komme til å bli veldig snart
Teknologi står aldri stille : den forandrer seg alltid, tilpasser seg og utvikler seg, og ofte kan ting som virket usannsynlig (eller umulig) ett år raskt begynne å bli mulig bare noen få år etterpå.Slitesterke datamaskiner virket som en fantasifull idé bare nylig, men nå er de ganske mye det neste store å gå på. Fremvekst
Droner er kanskje de mest innovative teknologiene i våre tider og de mest nyttige verktøyene for fotografer. Med droner kan du skyte flyvideoer eller ta bilder. Slike slags bilder ser helt ut av verden, da det er vanskelig å forestille seg hvordan stedene egentlig ser ut fra himmelen .Noen av de beste eksemplene på drone fotografering finnes på nettsteder dedikert til denne typen fotografier, som SkyPixel og Dronestagr. De