Skip to content

Instantly share code, notes, and snippets.

View pavsmk's full-sized avatar

Pavel pavsmk

1 follower · 1 following
View GitHub Profile
@pavsmk
pavsmk / Pulsing-Notification.markdown
Created January 16, 2014 11:27
A Pen by Derek Wheelden.
@pavsmk
pavsmk / Hyperlink-Effect.markdown
Created January 16, 2014 11:30
A Pen by White Wolf Wizard.
@pavsmk
pavsmk / index.html
Created January 16, 2014 11:35
Paralax A Pen by Damian Drygiel.
<div id="group-one" class="colorful">
<article>
<h1>Scroll down</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce vel sapien elit in malesuada semper mi,
id sollicitudin urna fermentum ut fusce varius nisl ac ipsum gravida vel pretium tellus.
</p>
</article>
<article>
@pavsmk
pavsmk / Start-Screen-(flat).markdown
Created January 17, 2014 07:53
A Pen by Dean.

Start Screen (flat)

part of a project I was doing at college (content modified and translated to English) browser homepage for computers at college library

A Pen by Dean on CodePen.

License.

@pavsmk
pavsmk / THE-WAY-to-animate-elements-when-in-view.markdown
Created January 17, 2014 07:55
A Pen by Mihovil Ilakovac.

THE WAY to animate elements when in view

A technique I was wondering about and decided to make an example. Used Remy's plug-in. Thanks Remy.

A Pen by Mihovil Ilakovac on CodePen.

License.

@pavsmk
pavsmk / Very-Simple-Slider.markdown
Created January 17, 2014 16:56
A Pen by zuraiz.

Very Simple Slider

Was tired of heavy bloated jQuery slider plugins so I made my own. Has controls and finds your slide height/width automatically. Simple & basic, the way momma would have wanted.

A Pen by zuraiz on CodePen.

License.

@pavsmk
pavsmk / Pure-CSS-Loaders-kit.markdown
Created January 17, 2014 16:58
A Pen by Viduthalai Mani.
@pavsmk
pavsmk / Just-some-more-hover-effects.markdown
Created January 17, 2014 16:59
A Pen by Chris.
@pavsmk
pavsmk / Direction-aware-3D-hover-effect.markdown
Created January 17, 2014 17:01
A Pen by Noel Delgado.

Direction-aware 3D hover effect

After seeing this site http://fitzfitzpatrick.com/ I decided to give a try to the "direction-aware hover effect". My first thought was to do it with a pure CSS, not too late I changed my mind and decided to use JS (I need to sleep anyway).

It's kind of simple, using JS we can easily detect the direction the cursor is coming, then, I am using CSS animations for each case (8 in total).

A Pen by Noel Delgado on CodePen.

License.

@pavsmk
pavsmk / CSS3-Hover-Effects.markdown
Created January 17, 2014 17:03
A Pen by honglio.

CSS3 Hover Effects

Inspired by tympanus.net, a showcase of most CSS3 hover effects.

A Pen by honglio on CodePen.

License.