Kerek kép, webreference
Bármilyen bitmap maguk négyszögletes, így, hogy az összetett formák képeket használni az átláthatóság vagy a háttér, amely egybeesik a weboldal háttérben. Valóban kerek képet lehet tenni egy stílustulajdonságok border-radius. Ezek a képek által használt keret határt, és ez is kör alakú, mint a négyszögletes. Ha behelyez egy képet egy kerek . a referencia terület lesz egy kört.
Ahhoz, hogy egy tetszőleges kép első fordulóban kell kapcsolja be egy négyzet, és ezután adjuk be a stílus border-radius tulajdonság, amelynek értéke 50% (1. példa). Sokkal jobb, hogy állítsa be a százalékban, így nem lett csatolva a kép méretét.
Példa 1. kör alakú képet
A példa eredményét az ábrán látható. 1.
Ábra. 1. forduló kép
border-radius vonatkozik az összes többi elem, így mi is létrehozhatunk egy üres tér
Ábra. 2. Shark Photo
Most mi meg ezt a képet, mint a háttérben a kör osztályban. Kérés mérete elem és konfigurálja zoom (2. példa).
2. példa kerek elem
A példa eredményét az ábrán látható. 3. Az alapértelmezett háttér van beállítva a bal felső sarokban, így eltolja azt a 70 pixel a bal oldalon, a cápa volt a közepén a kör.
Ábra. 3. Kerek kép