Skip to content

Instantly share code, notes, and snippets.

@pavsmk
pavsmk / Pure-CSS-Parallax-Scrolling.markdown
Created January 25, 2014 17:43
A Pen by Keith Clark.

Pure CSS Parallax Scrolling

A prototype parallax scrolling technique that uses CSS 3D transforms. No JavaScript!

Still have a few issue to iron out

A Pen by Keith Clark on CodePen.

License.

@pavsmk
pavsmk / CSS3-animated-Pricing-tables.markdown
Created January 25, 2014 17:39
A Pen by Brendan Skousen.

CSS3 animated Pricing tables

These pricing tables were developed by Sqra Web Design. If you want to use them commercially you need to purchase the license at codecanyon. Its $3. However if you want the click animation you can copy it here since I developed that part.

A Pen by Brendan Skousen on CodePen.

License.

@pavsmk
pavsmk / Pseudo-Modal-Window.markdown
Created January 22, 2014 17:58
A Pen by Kimberley.
@pavsmk
pavsmk / Modal-windows.markdown
Created January 22, 2014 17:58
A Pen by Jeroen van Beek.

Modal windows

Modals with nice effects written with SASS/Compass. I divided my effects in separated SASS partials so I can exclude effects when I don't use them to reduce bloat in the compiled CSS file. Effect credits go to Codrops.

A Pen by Jeroen van Beek on CodePen.

License.

@pavsmk
pavsmk / Avgrund.markdown
Created January 22, 2014 17:56
A Pen by Hakim El Hattab.

Popup/Modal without JS

A popup window/modal window experiment based on the :target pseudoclass.

The first popup stays open until you click the "X" to close. The second will close when you click anywhere outside the popup.

A Pen by Paul on CodePen.

License.

@pavsmk
pavsmk / Avgrund-Popup.markdown
Created January 22, 2014 17:53
A Pen by Dmitri Voronianski.
@pavsmk
pavsmk / Image-Hover-Effects.markdown
Created January 21, 2014 17:15
A Pen by MaCeLMp4.
@pavsmk
pavsmk / Circle-Image:hover.markdown
Created January 21, 2014 17:14
A Pen by Hans Engebretsen.