Skip to content
This repository was archived by the owner on Feb 7, 2018. It is now read-only.

Conversation

@andre-mendes
Copy link

I changed the animation heart of your signature. He did not throbbed with elegance on Linux :(

:D I did the hearth with css, hope you like it :)

@Link2Twenty
Copy link

Link2Twenty commented Jul 22, 2016

I think the CSS should replace what's here rather than being in the HTML.
https://github.com/customelements/www/blob/master/assets/styles/main.css#L537

Also, this is probably a space saving way to achieve the same end.

.credits .love {
  top: 4px;
  width: 8px;
  height: 8px;
  background: #e74c3c;
  position: relative;
  display: inline-block;
  margin: 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  animation: heart-pulse .5s infinite alternate ease-in;
}
.credits .love:after,
.credits .love:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  background: #e74c3c
}
.credits .love:after {
  top: -5px;
}
.credits .love:before {
  right: -5px
}
@-webkit-keyframes heart-pulse {
  to {-webkit-transform: rotate(-45deg) scale(1.2)}
}
@-moz-keyframes heart-pulse {
  to {-moz-transform: rotate(-45deg) scale(1.2)}
}
@keyframes heart-pulse {
  to {transform: rotate(-45deg) scale(1.2)}
}

Working Fiddle

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants