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.

CSS effects

Featured Replies

Hey is there a way to do this completely in CSS? (no javascript)

 

I want a little tab on the right side of a page (positioned completely to the edge).. where if you click it.. it slides out to the left a bit into view revealing a div with information that will be whatever size I might want.

 

I have seen some pretty interesting things done in CSS alone, and I am wondering if this is possible..

Let me know if this doesn't make sense and I will elaborate.

I would have to say no on this one.

You're implying a motion effect (slide).

The nearest thing you'll get to that with only css is the parallax effect but that only works with the browser being re-sized.

Javascipt it is I'm afraid.

but thats JavaScript lol the only way i could think of doing it was with a pry menu it be nice to no if it could be done with css looks good thanks for that link may use it

but thats JavaScript lol the only way i could think of doing it was with a pry menu it be nice to no if it could be done with css looks good thanks for that link may use it

 

Hi Elite

 

Its pure css

 

And since it doesn’t rely of JavaScript

 

Pat :D

  • Author
I would have to say no on this one.

You're implying a motion effect (slide).

The nearest thing you'll get to that with only css is the parallax effect but that only works with the browser being re-sized.

Javascipt it is I'm afraid.

 

Yeah, I mean javascript isn't bad or anything just trying to keep things as simple as possible.

 

Not sure if this is what you are after.

 

http://green-beast.com/experiments/css_menu_descriptions.php

 

Pat

 

No not quite. Wanted something more like the link I put in my second post... where you click on it and it slides over into view.

Hi Elite

 

Its pure css

 

And since it doesn’t rely of JavaScript

 

Pat :D

hi pat looks like we posted simlar times i was refering to the original post saying no JavaScript

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.