SkillAgentSearch skills...

BouncyParallax

iOS example to create a parallax effect that bounces and enlarges the top image as you scroll

Install / Use

/learn @hamedh/BouncyParallax
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

#BouncyParallax

iOS example to create a parallax effect that bounces and grows the top image as you scroll

History

While toying around with parallax for the CNN iPhone app, I came up with a bouncy effect that makes the image larger as the table view bounces. Many other apps (including Kickstarter, Etsy, Trello, etc) started using the same effect. So I thought it would be good to show a simple example of how this can be done. The code is actually super easy once the views are setup.

<img src="https://raw.github.com/hamedh/BouncyParallax/master/example.gif" width="234"/> <img src="http://f.cl.ly/items/093E0m0u1r2I2P3O0e20/iPhone5.jpeg"/> ######Apple iPhone5 Launch Event (image from CNET)

##Usage

Check out BouncyParallaxViewController's scrollViewDidScroll method in the example code

Requirements

Latest iOS SDK (7.0+)

License

BouncyParallax is available under the MIT license. See the LICENSE file for more info.

Credits

Created by Hamed Hashemi

CNN logo is copyright of TBS

sample.png is credited to Jeff Turner, Flickr (http://goo.gl/P2IyIM)

View on GitHub
GitHub Stars12
CategoryDevelopment
Updated4y ago
Forks2

Languages

Objective-C

Security Score

75/100

Audited on Nov 21, 2021

No findings