Slide Effect & Speed Layout Responsive Slider

Denne glidebryteren har en enkel, men morsomt design som bruker hvitt og blått, en kombinasjon som føles nøytral men vennlig.

Utformingen bruker kun CSS, er det utrolig rask å laste. Designen er responsive og kunne vises på nesten alle plattformer, selv de med javascript deaktivert.

Lysbildeserien har ikke et stativ, som lar bildene for å være hovedfokus. På mouseover bringer det opp to navigasjonsutstyr pilene. De synes å spinne i stedet for fire små prikker, en morsom overgangen er iøynefallende. Flytting av glidebryteren området får dem til å spinne bort og skjule tilbake til de fire små prikkene, som deretter forsvinner. Navigasjons pilen er hvit, og har en lett avrundede følelse som igjen bidrar til å forsterke moro og vennlige følelse. Det finnes i en gjennomsiktig sirkel med en hvit kant.

Du kan bruke pilene til å bla gjennom bildene.

Du kan også navigere gjennom bildene ved hjelp av de hvite sirklene mot bunnen av lysbildet. Disse kretser har en gjennomsiktig kantlinje og en hvit kant - noe som skaper en "dobbel sirkel" utseende. Hver sirkel representerer en bildelysbilde. Det blir blå, får en hvit sirkel rundt den, og deretter en delvis gjennomsiktig hvit kant rundt det, lage en trippel-sirkel-effekt som minner om en dartboard eller andre mål.

Svever over en sirkel vil bringe opp et forhåndsvisningsbilde i en hvit ramme, som også har en hvit pil nederst peker til riktig sirkelen. Dette forhåndsvisningsbildet zoomer på plass med en liten sprett, på samme måte som tekstene.

Klikke på en sirkel går direkte til bildet de har mest interesse i.

Det er muligheten til å vise tekst nederst i venstre hjørne. Dette består av en tittel og en undertittel. Tittelen er blå tekst på et hvitt rektangel med avrundede hjørner. Undertittelen er hvit tekst på et rektangel med avrundede hjørner, med en hvit kant. Begge zoome inn på plass, en liten transittstopp på slutten av zoom de oppnå riktig størrelse. Igjen føles det morsom og vennlig.

Skriftstørrelsen er Hamersmith one, som er ganske så spesiell, nesten naive håndskrevne utseende. Det er en skrift som er spesielt utformet for lav kontrastinnstillinger, og leses på en skjerm, så det er ekstremt leselig.

Endre effekten på denne demoen er slide, som glir hvert bilde på plass fra høyre eller venstre. Lysbildet starter raskt og deretter bremser ned, en subtil effekt som gjør overgangen føler rene og moderne. Når slutten av en sekvens av bilder, glir det tilbake til begynnelsen, vises alle bildene og gir inntrykk av bildene er på en spole av filmen.

Denne utformingen kan brukes for nesten alle nettsteder som trenger en ny titt som fortsatt har en quirky, morsom følelse. Det ville være flott for bloggere, forfattere og utgivere og familievennlige restauranter.