Hacker News
new
|
past
|
comments
|
ask
|
show
|
jobs
|
submit
login
746F7475
on Jan 29, 2017
|
parent
|
context
|
favorite
| on:
Box Breathing
I would leave a slight gap between the outer edge, it just feels claustrophobic when the blue and black parts touch. Also it needs some fancy speed up/slow down parts at the end of the exhale/inhale parts, it stops and starts too abruptly.
Otherwise it's pretty bang on.
dingensundso
on Jan 29, 2017
[–]
> <body><style>.circle{border-radius:50%;width:30vw;height:30vw;margin: auto}.breathe{animation:8s ease-in-out 0s infinite alternate breathe;}.inner{background-color:#07a;}.border{border:10px solid black;padding:10px;}@keyframes breathe{ 0%{transform:scale(1);} 25%{transform:scale(1);} 75%{transform:scale(0.25);} 100%{transform:scale(0.25);}}</style><div class="circle border"> <div class="inner circle breathe"></div></div></body>
Join us for
AI Startup School
this June 16-17 in San Francisco!
Guidelines
|
FAQ
|
Lists
|
API
|
Security
|
Legal
|
Apply to YC
|
Contact
Search:
Otherwise it's pretty bang on.