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