În primul rând, trebuie să găsiți imaginea potrivită:
Apoi găsiți un cadru de imagine cu marginile frecate și un centru monoton închis. Rețeaua este plină de șabloane pentru un Photoshop, ca acesta:
Curs practic pe aterizare adaptivă de la zero!
Aflați de la zero pentru a adapta aterizările adaptive la HTML5 și CSS3 în următoarele 6 zile
Pentru a obține cel mai bun efect, va funcționa, de regulă, o imagine comprimată strâns în tonuri gri, 16 sau 32 de biți de format PNG.
Imagine de fundal pe imaginea în sine
În principiu, aproape toate elementele HTML funcționează cu proprietatea imaginii de fundal, chiar și pe imaginea în sine. Dar, din păcate, în această situație, imaginea de fundal se află pe același strat ca imaginea însăși, iar modul de amestecare nu funcționează. În schimb, vom plasa imaginea într-un container, la care aplicăm proprietatea imagine-imagine cu șablonul nostru:
Definiția modului de amestecare dorit este puțin confuză și variază în funcție de fundalul containerului. Dacă fundalul și cadrul au culoarea albă, cea mai bună opțiune este ecranul:
Rezultatul este același ca în știrile principale.
Alte căi
Există și alte modalități, deși ambele au dezavantajele lor:
Pentru browserele -webkit au o proprietate imagine-mască, dar funcționează numai în Chrome și Safari.
imaginea frontală este perfect susținută de toate browserele, dar este mai potrivită pentru limitele normale ale imaginii.
Ediție: Comanda webformself.
Curs practic pe aterizare adaptivă de la zero!
Aflați de la zero pentru a adapta aterizările adaptive la HTML5 și CSS3 în următoarele 6 zile
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Trimiteți-le prietenilor: