a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start logo with colours, mid-animation

Browse Source
This commit is contained in:
Tom Russell 2018-04-30 20:10:48 +01:00
parent 88f6026ebc
commit 6925122b74
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
html/main.css
View File

@ -219,58 +219,57 @@ form .btn {
} }
.logo .cell { .logo .cell {
display: inline-block; display: inline-block;
background-color: #222;
width: 15px; width: 15px;
height: 15px; height: 15px;
margin: 0 3px 0 0; margin: 0 3px 0 0;
} }
.logo .row:nth-child(1) .cell:nth-child(1) { .logo .row:nth-child(1) .cell:nth-child(1) {
animation: pulse 47s infinite; animation: pulse 47s infinite;
animation-delay: 1.5s; animation-delay: -1.5s;
} }
.logo .row:nth-child(1) .cell:nth-child(2) { .logo .row:nth-child(1) .cell:nth-child(2) {
animation: pulse 32s infinite; animation: pulse 32s infinite;
animation-delay: 0.5s; animation-delay: -0.5s;
} }
.logo .row:nth-child(1) .cell:nth-child(3) { .logo .row:nth-child(1) .cell:nth-child(3) {
animation: pulse 49s infinite; animation: pulse 49s infinite;
animation-delay: 6s; animation-delay: -6s;
} }
.logo .row:nth-child(1) .cell:nth-child(4) { .logo .row:nth-child(1) .cell:nth-child(4) {
animation: pulse 35s infinite; animation: pulse 35s infinite;
animation-delay: 10s; animation-delay: -10s;
} }
.logo .row:nth-child(2) .cell:nth-child(1) { .logo .row:nth-child(2) .cell:nth-child(1) {
animation: pulse 34s infinite; animation: pulse 34s infinite;
animation-delay: 7s; animation-delay: -7.2s;
} }
.logo .row:nth-child(2) .cell:nth-child(2) { .logo .row:nth-child(2) .cell:nth-child(2) {
animation: pulse 48s infinite; animation: pulse 58s infinite;
animation-delay: 9s; animation-delay: -15s;
} }
.logo .row:nth-child(2) .cell:nth-child(3) { .logo .row:nth-child(2) .cell:nth-child(3) {
animation: pulse 31s infinite; animation: pulse 31s infinite;
animation-delay: 5s; animation-delay: -5s;
} }
.logo .row:nth-child(2) .cell:nth-child(4) { .logo .row:nth-child(2) .cell:nth-child(4) {
animation: pulse 46s infinite; animation: pulse 46s infinite;
animation-delay: 4.5s; animation-delay: -4.5s;
} }
.logo .row:nth-child(3) .cell:nth-child(1) { .logo .row:nth-child(3) .cell:nth-child(1) {
animation: pulse 32s infinite; animation: pulse 32s infinite;
animation-delay: 3.5s; animation-delay: -3.5s;
} }
.logo .row:nth-child(3) .cell:nth-child(2) { .logo .row:nth-child(3) .cell:nth-child(2) {
animation: pulse 49s infinite; animation: pulse 49s infinite;
animation-delay: 5.5s; animation-delay: -8.5s;
} }
.logo .row:nth-child(3) .cell:nth-child(3) { .logo .row:nth-child(3) .cell:nth-child(3) {
animation: pulse 35s infinite; animation: pulse 35s infinite;
animation-delay: 4s; animation-delay: -4s;
} }
.logo .row:nth-child(3) .cell:nth-child(4) { .logo .row:nth-child(3) .cell:nth-child(4) {
animation: pulse 34s infinite; animation: pulse 34s infinite;
animation-delay: 17s; animation-delay: -17s;
} }
@keyframes pulse { @keyframes pulse {