Opprett rene CSS-trekanter med denne gratis webapps
Det er et stort press for å gjøre nettet til et mer CSS-vennlig sted . I årevis var bilder alltid løsningen på nettleseren hacks fra gjentatte bakgrunner til skyvedørsteknikken. Men nå er det enklere enn noensinne å lage mønstre, ikoner og spesialeffekter med CSS3.
Med denne trekantgeneratoren kan du designe størrelsen og formen på hvilken trekant du vil ha. Det vil automatisk spytte ut en CSS-klasse som du kan søke på ethvert element.
I alternativpanelene kan du endre trekantens farge og retning (opp / ned og sidelengs). Du kan også endre trekantens bredde / høyde og til og med rot med venstre / høyre skrå hvis du lager en scalene-trekant.Dette er langt en av de kuleste webappene jeg noensinne har sett. Den er vert på Designyourcode, som er et nettsted fullt av flotte bloggartikler og gratis web-dev-verktøy.
Og for alle elskere av bakoverkompatibilitet, har du muligheten til å inkludere Microsoft.Chroma- funksjonen i CSS som legger til støtte for IE6-brukere . Mindre enn en prosent av verden bruker selv IE6, men det er fortsatt et fint alternativ.
For å legge til en ren CSS-trekant på nettstedet ditt, bare kopier / lim inn CSS-klassen med reglene i stilarket. Gi så denne klassen til noenFor eksempel, for å lage en oppadgående trekant, vil du kopiere koden og legge til et element som dette:
Det kan også være et blokknivåelement, eller det kan plasseres helt innenfor et annet element.
Mulighetene er uendelige, og dette verktøyet kan tilby et bedre alternativ enn CSS-grensesnittet. For å komme i gang, kan du bare besøke triangelen web-appen og endre verdiene til din smak.
20 Secret Room Ideas du ønsket siden barndommen
Det er ingenting som å være i ditt eget hjem. Men noen ganger når det er andre rundt, trenger du bare å finne et sted du kan flykte til . Hvorfor ikke bygge noe i huset ditt som lar deg gjøre det? Det stemmer, kanskje det er på tide at du vurderte å inkludere en skjult plass i ditt ydmyke boligområde.En skju
10 CSS3 Animasjonsverktøy Du bør legge til bokmerke
Som folk har en tendens til å oppleve det som beveger seg, kan smart animasjoner forbedre brukeropplevelsen til et nettsted ved å legge merke til viktige elementer som brukerne raskt må legge merke til .CSS3 har introdusert en ny animasjons syntaks som kan hjelpe deg med å oppnå mange interessante ting i designene dine. Byg