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

Changing the animation heart on footer :D#530

Open
andre-mendes wants to merge 1 commit intocustomelements:masterfrom
andre-mendes:master
Open

Changing the animation heart on footer :D#530
andre-mendes wants to merge 1 commit intocustomelements:masterfrom
andre-mendes:master

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