Gratis CSS-kodegenerator for Instagram-Style-filtre

Hvor kult vil det være å legge til bildefiltre på nettstedet ditt? For mange år siden ville dette ha krevd JavaScript, men i dag kan du bygge egendefinerte bildefiltre med god gammel HTML og CSS.

Og med cssFilters webapp trenger du ikke engang å skrive noen av CSS-koden!

Dette gratis verktøyet hjelper deg med å bygge egendefinerte bildefiltre ved hjelp av CSS3-filtre. Du kan finne mange guider som dekker CSS-filteregenskapen i detalj. Men med cssFilters trenger du ikke å bekymre deg for hvordan alt fungerer, du tilpasser bare innstillingene dine og kopierer koden.

Øverst på skjermen ser du en lang bar full av tilpassede Instagram-filtre. Disse filtrene inkluderer alle de populære valgene som Hudson, Brødrister, Inkwell, Lofi og mange andre.

Du klikker bare på hvilket filter du vil ha, og klikker deretter kategorien "CSS-kode" øverst til høyre. Derfra får du både HTML- og CSS-koden. Bare kopier / lim inn på nettstedet ditt, og du er god til å gå.

Men du kan også tilpasse disse filtrene med innstillingsskyvene. Under fanen "generator" kan du endre innstillinger som metning og kontrast sammen med uskarphet, gråtoner, sepia og til og med overleggsstilen som en lineær gradient eller radial gradient.

Hver gang du flytter en glidebryter, oppdateres koden automatisk, slik at du ikke trenger å lagre noe.

Og du kan til og med bytte standardbildet ved å laste opp en fra datamaskinen eller velge en fra Unsplash.

Denne webappen ble laget av Indrashish Ghosh, og den kjører mange av standardklassene som finnes i CSSgram-biblioteket.

Men de tilpassede innstillingene går langt utover de grunnleggende forhåndsinnstillingene, og fri kodegenerering gjør dette til et praktisk verktøy for kodere og ikke-kodere. Vi har allerede mange CSS3 generatorer for egenskaper som bakgrunnsgradienter og tekstskygger. Og nå har vi cssFilters som premiere CSS3 bildefiltergenerator.

15 Eksempler på obsessivt organisert fotografi [PICS]

De fleste har sin egen preferanse når det gjelder å organisere ting de eier, men hvis du bruker for mye tid og føler deg spesielt glad for å gjøre det, er det fordi du er besatt av organisasjon? I dag viser vi 15 bilder som viser en besettelse med å organisere elementer fra mat til verktøy blant andre.De er

(Tekniske og design tips)

Komme i gang med React.js

React.js er et fleksibelt og komponentbasert JavaScript-bibliotek for å bygge interaktive brukergrensesnitt . Den ble opprettet og åpnet av Facebook og brukes av mange ledende teknologibedrifter som Dropbox, AirBnB, PayPal og Netflix. React tillater utviklere å lage datatunge apper som kan oppdateres smertefritt ved å gjenopplive bare de nødvendige komponentene .Reag

(Tekniske og design tips)