Skab smukke billed-sliders fuldstændigt I CSS. Ingen jQuery, ingen JavaScript, ingen billed-ikoner, ingen kodning! Det er utroligt hurtigt, let, responsivt og retina-klar. Fungerer på alle moderne apparater og browsere. KenBurn, Slide, Fade, Zoom-effekter og nogle flat skins er tilgængelig (der kommer flere snart). Download en gratis slider generator til Windows og Mac nu!

Ren CSS Slider

Glem alt om at bruge JavaScript – denne billed-slider skabes med CSS og HTML alene

Tvær-brower

Virker på alle apparater og moderne browsere, inklusiv gamle IE’er (med mulighed for js fallback)

CSS3 effekter

Silkebløde hardware-accelererede animationer præsterer meget bedre end fra jQuery, specielt på mobiler

Retina-klar

Alle slider controller er vector ikon font og de er perfekte på højopløsnings skærme

Non-jQuery Slider

Ikke flere tunge og langsomme jQuery der indeholder tonsvis af ubrugt kode

Alle farver

CSS Slider bruger ikke billeder til stling så skinsfarven kan let ændres

Responsiv slider

Responsive sliders passer perfekt på din side, uanset hvad skærmstørrelsen er

Ingen kodning

Skab din slider på seconder med den visuelle maker

Non-jQuery Slider?

Disse dage, lader det til, at folk er blevet forelsket i billed-sliders. De er overalt. Du kan sagtens finde masser af billed-sliders som lader dig vise fotos og billeder på dit website, men de er alle rimelig ligetil, med det samme krav om jQuery og JavaScript. Hvorfor bære det tunge og overfyldte bibliotek når alt kan klares med klar og let CSS?

Imponerende Overgange

cssSlider indeholder fantastiske rene CSS3, hardware-accelerede, overgange for at imponere dine brugere og hjælpe med at holde deres fokus på dit site.

Smukke Slider Temaer

Du får ikke kun et look med cssSlider. Denne utrolige slider kommer med indbygget tema/farve/effekt-vlger som lader dig vælge fra den fantastiske kollektion af pre-byggede temaer der er inkluderet!

Ren CSS

cssSlider er rent CSS-baseret(ikke Flash, ikke jQuery, ikke JavaScript), så det kan køre i enhver browser, uden behov for ekstra plugins.

Mobil

Dine brugere besøger ikke kun dit site fra deres desktops. Med et responsivt design, vil cssSlideren se godt ud på alle enheder uden anstrengelse, ud af boksen.

Live Forhåndsvisning

Se med det samme en forhåndsvisning af din slider og eventuelle ændringer du laver i forhåndsvisningsarealet.

Retina-klar

Sliderens forrige/næste pile og andre kontroller er vector-ikon font, som gør dem uafhængige af opløsning og ideel for retinaskærme.

Simpel at Bruge

Let at bruge, du kan tildele forskellige skins, farver og effekter fra biblioteket til din slider. Der er ikke behov for viden om kode overhovedet. Du behøver ikke skrive en eneste kodelinje!

Responsivt Design

Med flere og flere brugere der bruger dit site på deres mobile enheder, er det kritisk at dit site ser ud og fungerer korrekt på smartphones og tablets. cssSlider justerer automatisk størrelsen responsivt på desktop og mobile enheder, baseret på browserens vinduesstørrelse.

Yderst tilpasningsvenlig

Kør cssSlider i to forskellige konfigurationsmodus: Basis og Avanceret. Vælg mellem et antal indbyggede layout stile for at holde tingene helt simple, eller dyk ned og rediger i konfigurationer som du har lyst til for fuldstændig kontrol.

Auto Billedecropping og Størrelse

Du har ikke brug for fem forskellige billedredigeringsprogrammer for at få din billedslider klar. cssSlider klare al billedecropping og størrelsestilpasning for dig automatisk!

Farvekombinationer

Ikke sikker på hvilken farve du skal bruge til din slider? Intet problem, hver cssSlider skin kommer med 6 klar-til-brug farvesystemer der gør din beslutning lettere.

Drag an Drop

Med den imponerende Drag and Drop funktion kan du hurtigt tilføje eller fjerne slides fra din slider, eller skifte rækkefølgen. Du kan virkelig ikke få det lettere end dette!

SEO Venlig

Fordi slideren er bygget med almindelig HTML5, selvom den ser supercool ud, kan søgemaskiner stadig crawle den effektivt. Det betyder at du kan tilfredsstille dine brugere og søgemaskiner som Google, på samme tid!

Tilpas Din Slider

Der er tonsvis af indstillinger du kan justere, inklusiv smukke overgangseffekter og farverige flat skins, forrige/næste navigation, bullets med thumbnails, auto-afspil, pause/stop, fuld bredde og andre muligheder.

Letvægt og kompatibel

Bruger ikke JavaScript for at sikre at din side loader hurtigere, uden at vente på at slideren loader. Det er også designet til at være så kompatibel som muligt ved at bruge de seneste standarder.