Tunnel Vision folosind transformări 3D în CSS

2

Selection_012

Animatiile și transformările 3D folosind doar CSS sunt la modă acum. E un mediu ce prinde încet dar sigur tot mai mult. Acum CSS-ul ne permite să realizăm efecte și transformări ce înainte nu se puteau face decat doar cu soluții third-party, mult mai greu. Să luăm exemplul din fotografia de mai sus (animația e aici).

Practic totul se rezumă la transformări 3D în CSS, ceva de border-radius și border-style. Exemplu nu este foarte util dar există șansa să provoace imaginația. 🙂

Mai multe detalii aici.

Etichete:

— Andrei Avădănei a scris 1246 articole

Andrei scrie pe worldit.info din vara lui 2011. Este fondatorul Asociatiei Centrul de Cercetare in Securitate Informatica din Romania - CCSIR si coordoneaza DefCamp, cea mai importanta conferinta de securitate informatica & hacking din Europa Centrala si de Est. Andrei ofera in cadrul Bit Sentinel servicii de securitate informatica, penetration testing, security management, recuperarea de pe urma unui atac cibernetic, training-uri si workshop-uri.

2 Comentarii

  1. Florin Anghel spune:
    aprilie 20, 2013 la 8:34 pm

    Salut!
    Tu ai pus codul HTML in editorul Notepad(eu lucrez cu Notepad),si ti-a iesit direct?Eu am incercat si nu mi-a mers.Am vazut ca se poate face si cont,pentru cine stie.

    • Andrei Avădănei spune:
      aprilie 20, 2013 la 8:40 pm

      Nu chiar. 

      <html>
<head>
<style>cod css</style>
</head>
<body>cod html</body>
</html>