Category: CSS

SlideShow using jQuery

Creating Image Slide Show using jQuery: In the code below you will see a surrounding div (id slideshow-area) which holds our slideshow content scroll area and our next and previous buttons. Inside our scroll area we have a div to hold the content and finally the content itself. As far as html goes this is …

Continue reading

Permanent link to this article: https://blog.openshell.in/2010/12/slideshow-using-jquery/

Rounded Corners

When CSS3 is fully supported across browsers rounded corners will be as simple as: .element {border-radius: 5px} which will set a 5px radius on all 4 corners. For now we need some browser specific CSS combined with a little JavaScript to make this work in all browsers. In Safari, Chrome, and other webkit browsers we …

Continue reading

Permanent link to this article: https://blog.openshell.in/2010/11/rounded-corners/

Make 3D buttons view in CSS

3D CSS buttons are easy to create. The trick is to give your elements borders with different colors. Lighter where the light source shines and darker where it doesn’t. div#button {background: #888; border: 1px solid; border-color: #999 #777 #777 #999 } The CSS above will create a button with the light source at the upper …

Continue reading

Permanent link to this article: https://blog.openshell.in/2010/11/make-3d-button-view/