WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Effetto cornice per immagini usando CSS puro
1439
ledoc
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
28 August 2024
23 November 2025
Metehan
25 November 2025
Caricatore di giochi HTML5 con Yandex Games SDK
HTML
Copy
<div class="roundFrame"> <img src="https://media.glamour.com/photos/65235366b548efb40b0ccb59/master/w_1600%2Cc_limit/Glamour_Look05_0831.jpg" /> </div>
CSS
Copy
.roundFrame { background: url("images/floral.jpg"); margin-left: auto; margin-right: auto; display: table-cell; position: relative; overflow: hidden; width: 300px; box-shadow: inset 0 50px rgba(255, 255, 255, 0.1), inset 2px -15px 30px rgba(0, 0, 0, 0.4), 2px 2px 5px rgba(0, 0, 0, 0.3); padding: 25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; vertical-align: middle; text-align: center; } .roundFrame img { width: 300px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
