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.

abhishek19021

Members
  • Joined

  • Last visited

  1. Hello guys, how are you doing? I am making a new project for a local business and they seek a design similar to scabal and adviced me to take inspiration from it. However, I am having a hard time figuring out the kind of animation scabal.com has on scroll. The video gets transitioned to the left and few columns to the right pop up in style. I tried achieving the same by using AnimeJs and tried to scale the left column video to left and made the columns appear on the right but it looks weird and not exactly like how they did in scabal.com. The developers of scabal.com also made the same transition effect in their portfolio page (link) you can see the awesome smooth columns transitions when you scroll. Requesting someone to please give suggestions to achieve something similar or anything near to it. A tutorial or some code snippet would be greatly appreciated and sorry for my bad English. Thanks.

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.