Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › The Code for the Active background behind Advertisements on CSS-Tricks.com

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 8, 2011 at 11:19 am #32279
    TheBusyBrain
    Member

    Chris, I must say that the idea of putting some “activity” on hover behind the advertisements on your site is just genius! I would like to know what the code is for doing that.

    I’m also curious if it is “legal” for doing behind Adsense ads. Not sure if Google would have some issue with this practice!

    April 8, 2011 at 11:46 am #51777
    TheDoc
    Member

    Good ol’ CSS3.

    Here’s a great place to get started! https://css-tricks.com/video-screencasts/93-css3-slideup-boxes/

    April 8, 2011 at 12:05 pm #51752
    TheBusyBrain
    Member

    Yah, I’m very new to CSS in general, so although it may be simple, it’s NOT for me! ;) Thanks for the tip!

    April 8, 2011 at 4:04 pm #51711
    DogsGhost
    Member

    yep, css3 and :hover. the background shape has something like border-radius:20px 0. Then when you hover over it it goes to something like border-radius:8px 0. Also looks like a css3 transition is applied to smooth out this ease-in-out shift.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.