Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Cool Rollovers....

Featured Replies

Hey, now that is neat!

 

I was thinking some mass image rollover but the text is highlightable! Very nice, it's like some sort of frame rollover, I really like it.

 

That's got me thinking "How the hell has he done that"... I guess i'll have to buy the book to find out! :search:

 

Or I could look in the source or save the webpage somehow and dissect it!

  • Author

yeah I could do that too - but hoping someone else will just tell me as I'm busy on something else right now!

Well...

this is a bit of js + css.

 

The scribbles are one big image (a transparent gif) that you can see there http://www.principlesofbeautifulwebdesign....s/scribbles.gif placed into a div.

 

A js call triggers on rollover and display the div with absolute positioning on top of the layout :) That's it!

 

hope this makes sense

 

Oli

Well someone's a smarty pants! :clapping:

 

So it's one giant image, interesting! Thanks for sharing Olivier, so the JS must also call the text aswell on hover.

 

I might play around with it and produce something similar.

 

Thanks.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.