As promised, here is another approach to “cropping” images in CSS circles. It looks almost identical to the other fiddle, but is done a different way. This method is better than the one I described in my previous Snippet Sunday in that the images are actually centered (without the use […]
Tag: jsfiddle
Faux-Cropping Circles with CSS
Here’s a basic jsfiddle I made to illustrate how to crop an image with a CSS circle. Gone are the days of editing photos for this effect (thank goodness). I’m using negative margins to faux-center the images. (Check back next week to see another method of cropping that doesn’t use […]
CSS for Transparent Inside Border
Here’s a cool jsfiddle by Chris Coyier I came across one day. It’s kind of like a “floating” border effect with transparency. Transparent Inside Border Pseudo Element
setInterval and clearInterval in JavaScript
Recently I was working on an image slider that I had auto-rotating by using setInterval and clearInterval. The problem I came across was that when a user clicks to show another slider image, the counter variable wasn’t resetting. For example, if image 3 was showing, and the user clicked image […]