Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Table vinoon/perspektiiviin...

Toitsu [20.02.2011 12:38:25]

#

Onko joku tehnyt/törmännyt sivuun jossa taulukko ja siinä olevat tekstit, kuvat ja linkit on perspektiivissä? Varmaankin javascript/ccs ainakin mahdollistaa, mitään mikkisofta spesifistä ei ole hakusessa.

Eli taulukko käännettäisiin niin että näyttäisi vähän tältä(esimerkki vähän onneton, mutta ajatus olisi että taulukko olisi kuten tuossa näytössä oleva kuva, vinossa perspektiivissä 2d kuva).

http://t1.gstatic.com/images?q=tbn:ANd9Gc­Q5Vy2U­lo12Ig­Ntjw­Qm4n­Siam­sug­IGs­Klf­MPappsmr9n­AT4XBGo

Idea olisi että taulukkoon voidaan ladata eri tekstejä ja kuvia eikä niitä siis tarvitsisi tehdä valmiiksi yhdeksi perspektiivi kuvaksi, vaan se taulukko vain olisi vinossa valmiiksi. Taulukko täytetään siis php:llä valintojen mukaan mutta siis apua hakusessa vain tuohon että miten sen voisi kääntää viistoon?

Olipas tämän asian selittäminen nyt hankalaa..

Lebe80 [20.02.2011 13:22:17]

#

Varmaankin Webkitillä onnistuu:
http://www.webkit.org/blog/386/3d-transforms/

Itse vain en näe mitään käytännön hyötyä, varsinkin kun selitit asiasi.

Metabolix [20.02.2011 13:26:47]

#

Lue nämä artikkelit 2D-muunnoksista ja 3D-muunnoksista. Kyse on kuitenkin niin uudesta tekniikasta, että älä ainakaan jätä mitään tärkeää noiden varaan.

Toitsu [20.02.2011 13:46:29]

#

Ulkoasustahan tässä on tietenkin kyse, siinä se ainoa käytännön hyöty. Näyttäisi vain siltä että suurin osa selaimista ei osaisi sitä vieläkään näyttää, mutta tekniikka on lupaavan oloista. Pitää tuota webkittiä hieman tutkia lisää.

Merri [20.02.2011 15:36:59]

#

Saa sen toimimaan IE:ssäkin, itseasiassa vanhat IE:t toimii paremmin kuin IE9, tosin se saattaa johtua siitä, ettei tuota esimerkkiä ole vielä korjattu tekijän toimesta IE9:lle.

Tämä esimerkki toimii tosiaan kaikissa viidessä suositummassa: Firefox, Chrome, Safari, Opera ja IE, olkootkin että vanhemmat IE:t toimii omien kilkkeiden kautta (CSS muunnetaan JavaScriptillä IE:n ymmärtämään muotoon).

Lebe80 [20.02.2011 16:19:13]

#

Merri, saikos tol sen perspektiivisyyden mukaan?

Merri [20.02.2011 17:12:12]

#

En ole selvitellyt, mutta pikaisella vilkaisulla tukee vain gradienttia, skewiä ja rotatea. Niilläkin saa jo hienoja pieniä visuaalisia temppuja aikaiseksi, tosin ainakin Firefoxissa teksti pomppii niin julmettomasti muiden kuin 90 asteen kulmien kanssa, että käyttö toistaiseksi jää vain tekstittömien elementtien varaan. Klikattavista elementeistä saa aika jänniä kun yhdistelee muiden CSS3-temppujen kanssa, kuten reunojen pyöristys, varjot, useampi taustakuva jne.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta