CSS3 Border Radius for Hover States
One of the huge benefits to using CSS3 is the ability to create image-like effects without the use of images. CSS3 gradients, shadows, and rounded corners have helped designers greatly in this area.
While browsing the website of well-known web hosting company Media Temple, I stumbled upon their Labs page and noticed they’re using a block hover effect on the list of items, and the hover state uses (what I assume is) the border-radius property when the background becomes visible.
Incoming search terms for the article:
- background color :hover border-radius
- moz-border-radius :hover
- hover state :css3
- hover css border-radius
- hover border radius
- css3 rounded hover
- css border radius hover
- CSS Border Radius for Hover States
- border-radius is not working on hover
- border-radious in hover
- border radius hover not rounded
- moz-border-radius hover
Tags: Cascading Style Sheets, css, Data Formats, designer, gradient, javascript, Media Temple, rounded, shadow, Style Sheets, tutorial, Web hosting service, website
Imitating the WordPress Comment Backend
I think most of you have probably seen the WordPress Ajax comment management backend. Well, let’s imitate it with jQuery. In order to animate the background color, you need include the Color Animations plugin. (view demo)
First line: will add “alt” class to even <div class=”pane”> (to assign the grey background on every other <div >)
Second part: when <a> is clicked, alert a message, and then animate the backgroundColor and opacity of <div>
Incoming search terms for the article:
Tags: ajax, animation, backend, background, comment, javascript, jQuery, opacity, plugin, wordpress