CSS3 Image Styles. When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically.
Today I'm going to revisit the topic and show you how much more you can do with the background-image CSS trick. I will show you how to use box-shadow, border-radius and transition to create various image styles. View Demo Image Styles Problem (see demo) Take a look at the demo and note that there is border-radius and inset box-shadow applied in the first row of images.
Workaround To get the border-radius and inset box-shadow working, the workaround is to apply the actual image as background-image. Dynamic Way To make it dynamic, you can use to jQuery to wrap the background image dynamically for every image element. Output. Official PSDs | Your PSD Image Community. Icon Search Engine - Download 304,109 Free Icons, PNG Icons, Web Icons. 15 Places To Download Free High Quality Stock Photos. There are many free stock photography sites. I set out to find as many good ones as I could. I found 15 good, solid resources out there. Royalty Free does not mean the images are free; it means that you don’t need to pay the photographer a royalty each time you use the image. These sites offer free royalty-free images.
Today I am going to share 15 websites where you can download free stock photos. If you found any free stock photo website that isn’t in the list, feel free to send me or add through comment. You can easily get a quality and beautiful wallpaper for your desktop or simply an illustration for your blog. Free stock nature photography. This site is a community for travel photographers.
This is a huge resource of over3 million photos! This site provides tons of high quality and high resolution free stock photos. The photos on Imagebase are free to use, and are licensed under a Creative Commons license. Morguefile is a completely free source for stock photos. Related Posts: 30 Infinitely Loading Icons Will Make You Crazy.