Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

blue pulse

  • Loading branch information...
commit 0b2ebff1d661cd16b508397bcf1861a74b564528 1 parent 296ba1d
Vincent Woo authored

Showing 2 changed files with 32 additions and 26 deletions. Show diff stats Hide diff stats

  1. +29 23 public/css/main.css
  2. +3 3 templates/layout.rhtml
52 public/css/main.css
@@ -66,38 +66,44 @@ h1, h2, h3 {
66 66 }
67 67 h1 {
68 68 text-align: center;
69   - font-size: 1em;
  69 + font-size: 0.8em;
70 70 padding: 15px 0;
71   - height: 1em;
72 71 position: relative;
  72 + overflow: hidden;
  73 +}
  74 +@-webkit-keyframes grow {
  75 + from {
  76 + width: 2px;
  77 + height: 2px;
  78 + margin-left: -6px;
  79 + margin-top: -6px;
  80 + border-width: 5px;
  81 + opacity: 0.4;
  82 + }
  83 + to {
  84 + width: 240px;
  85 + height: 240px;
  86 + margin-left: -135px;
  87 + margin-top: -135px;
  88 + border-width: 15px;
  89 + opacity: 0;
  90 + }
73 91 }
74 92 h1 div {
75 93 position: absolute;
76 94 top: 50%;
77 95 left: 50%;
78 96 border-radius: 100px;
79   - opacity: 0.5;
80   -}
81   -#cyan {
82   - width: 10px;
83   - height: 10px;
84   - margin-left: -5px;
85   - margin-top: -5px;
86 97 border: 2px solid #29D9C2;
87   -}
88   -#yellow {
89   - width: 6px;
90   - height: 6px;
91   - margin-left: -3px;
92   - margin-top: -3px;
93   - border: 1px solid yellow;
94   -}
95   -#magenta {
96   - width: 20px;
97   - height: 20px;
98   - margin-left: -10px;
99   - margin-top: -10px;
100   - border: 4px solid red;
  98 + -webkit-animation: grow;
  99 + -webkit-animation-timing-function: ease;
  100 + -webkit-animation-delay: 0s;
  101 + -webkit-animation-iteration-count: infinite;
  102 + -webkit-animation-duration: 5s;
  103 + z-index: -1;
  104 +}
  105 +h1:hover div {
  106 + border-color: black;
101 107 }
102 108 h2, h3 {
103 109 text-align: right;
6 templates/layout.rhtml
@@ -27,9 +27,9 @@
27 27 <div id="nav">
28 28 <h1>
29 29 <a href="/">vincentwoo.com</a>
30   - <div id="magenta"/>
31   - <div id="cyan"/>
32   - <div id="yellow"/>
  30 +
  31 + <div></div>
  32 +
33 33 </h1>
34 34 <h3>nav</h3>
35 35 <ul>

0 comments on commit 0b2ebff

Please sign in to comment.
Something went wrong with that request. Please try again.