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

Changing the animation heart on footer :D #530

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

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