WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
शुद्ध CSS का उपयोग करके छवियों पर फ्रेम प्रभाव
1436
ledoc
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
26 December 2024
pan4o द्वारा एक कोड
19 September 2025
सीएसएस एनिमेशन: नौकरशाही आकृति आंदोलन
10 August 2025
सीएसएस ब्लॉक एनीमेशन संरचना
HTML
Copy
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) */