gondorle

<link rel="import" href="../paper-button/paper-button.html">

<polymer-element name="my-element">

  <template>
    <style>    
      #paper_button {
        left: 390px;
        top: 180px;
        position: absolute;

gondorle

<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;

gondorle

<link rel="import" href="../paper-button/paper-button.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

gondorle

3D Gallery

A Pen by Joao Nascimento on CodePen.

License.

gondorle

Paral & Lax

Easy peasy parallax effect

A Pen by Joao Nascimento on CodePen.

License.

gondorle

Side nav play

I've never been a big fan of icon-only side navs. So I made a few..

NOTE: I am simply testing interaction. Some of the code is sloppy or impractical. Use with caution.

A Pen by Joao Nascimento on CodePen.

License.

gondorle

hover Effect

A Pen by Joao Nascimento on CodePen.

License.

gondorle

Mighty Hover Effect

CSS hover effect

A Pen by Joao Nascimento on CodePen.

License.

gondorle

CSS Navigation

CSS navigation bar with hover and drop-down.

A Pen by Joao Nascimento on CodePen.

License.

gondorle

gianlucaguarini.com

My new experimental web site build without any image, It's just HTML5 canvas and some advanced CSS3 hacks

A Pen by Joao Nascimento on CodePen.

License.