1. Technology

Pure CSS parallax scrolling websites

Written by Posted on Less than 0 min read
0

Keith Clark explains the core concept behind parallax scrolling (e.g. different elements scroll at different rates) with just CSS. It’s a devilishly clever (yet simple) combination of 3D transforms to push the element “away” from the screen, affecting it’s scroll rate, while adjusting the scale so the element appears at it’s original size.

Scott Kellum and Brenna O’Brien worked up a Sass @mixin for it a while back which makes it even easier.

Direct Link to Article — Permalink

Pure CSS parallax scrolling websites is a post from CSS-Tricks

Member since

More from admin

VipsPMV1.2
  1. Technology

Affordable and Flexible Project Management Suite

Overview VipsPM – Project Management Suite is a Powerful web-based Application. VipsPM is a perfect tool to fulfill all your project management needs like managing Projects, Tasks, Defects, Incidents, Timesheets, Meetings, Appointments, Files, Documents, Users, Clients, Departments, ToDos, Project Planning, Holidays and Reports. It has simple yet efficient layout will make managing projects easier than […]
Written by
  1. Technical

Information on CVE-2014-6271 and CVE-2014-7169 Bash Vulnerabilities (Shell Shock)

On September 24th, a vulnerability was reported in the GNU Bourne-Again-Shell (BASh, or Bash), specifically a flaw with how Bash processes values of environment variables, that allows remote code execution of varying types in many common configurations. The overall risk is severe due to bash being configured for use, by default, on most Linux servers. […]
Written by
  1. Technical
  2. Technology

OnMobile signs 3 year exclusive CRBT deal with Tata Teleservices

OnMobile Global has signed an agreement with Tata Teleservices to become its exclusive Caller Ring Back Tones (CRBT) partner.  The deal has been signed for an initial three years and as part of the deal, OnMobile will centrally manage Tata’s content management systems across its GSM and CDMA networks. Tata Docomo Marketing head Gurinder Singh Sandhu said that they will […]
Written by
Next
No Comments
Leave a comment
Comments to: Pure CSS parallax scrolling websites

Recent Articles

Good Reads

Emerald-Ring-and-Ruby-Ring-Effects-Explained-1

Ruby ring vs Emerald ring: best metals and cuts

  When it comes to deciding between Ruby ring and an Emerald ring, the choice can be difficult: both gemstones carry beauty, meaning, and value in abundance. Whereas rubies are a symbol of passion and power, emeralds offer emotional balance and growth. It frequently comes down to personal style, lifestyle and how the gemstone is being set. In […]
Written by
Emerald-Ring-and-Ruby-Ring-Effects-Explained

Emerald Ring and Ruby Ring Effects Explained

Gemstone rings have been treasured for ages, and not just for their beautiful appearance but also the incredible impact they have on your life and overall health. The Ruby Ring and the Emerald Ring are much in demand of all other gemstone rings in fine jewelry, astrology, and spirituality. Every crystal has its own unique energy, which affects […]
Written by

Worlwide

VipsPMV1.2

Affordable and Flexible Project Management Suite

Overview VipsPM – Project Management Suite is a Powerful web-based Application. VipsPM is a perfect tool to fulfill all your project management needs like managing Projects, Tasks, Defects, Incidents, Timesheets, Meetings, Appointments, Files, Documents, Users, Clients, Departments, ToDos, Project Planning, Holidays and Reports. It has simple yet efficient layout will make managing projects easier than […]
Written by
Emerald-Ring-and-Ruby-Ring-Effects-Explained-1

Ruby ring vs Emerald ring: best metals and cuts

  When it comes to deciding between Ruby ring and an Emerald ring, the choice can be difficult: both gemstones carry beauty, meaning, and value in abundance. Whereas rubies are a symbol of passion and power, emeralds offer emotional balance and growth. It frequently comes down to personal style, lifestyle and how the gemstone is being set. In […]
Written by
Emerald-Ring-and-Ruby-Ring-Effects-Explained

Emerald Ring and Ruby Ring Effects Explained

Gemstone rings have been treasured for ages, and not just for their beautiful appearance but also the incredible impact they have on your life and overall health. The Ruby Ring and the Emerald Ring are much in demand of all other gemstone rings in fine jewelry, astrology, and spirituality. Every crystal has its own unique energy, which affects […]
Written by

Trending

A Walk Through The Tucson Bead Show-665623f6

Turquoise Gemstone Jewelry Collection – Rananjay Exports

Turquoise Jewelry is one of the ancient healing stones used for personal adornment and astrological benefits. The rare greenish blue-colored pectolite is celebrated for its enchanting powers among many crystal lovers. It is a hydrated phosphate of copper and aluminum that ranks 5 to 6 on the Mohs hardness scale. It is deemed a protective […]
Written by