/* Here is your custom css styles. */ /* hexo-filter-github-emojis */ .github-emoji{ height: 2em; width: 2em; display: inline-block !important; position: relative; margin: 0 3px !important; padding: 0; } .github-emoji:hover{ animation: emoji-face 5s infinite ease-in-out; } @keyframes emoji-face { 2% { transform: translate(0, 1.5px) rotate(1.5deg); } 4% { transform: translate(0, -1.5px) rotate(-0.5deg); } 6% { transform: translate(0, 1.5px) rotate(-1.5deg); } 8% { transform: translate(0, -1.5px) rotate(-1.5deg); } 10% { transform: translate(0, 2.5px) rotate(1.5deg); } 12% { transform: translate(0, -0.5px) rotate(1.5deg); } 14% { transform: translate(0, -1.5px) rotate(1.5deg); } 16% { transform: translate(0, -0.5px) rotate(-1.5deg); } 18% { transform: translate(0, 0.5px) rotate(-1.5deg); } 20% { transform: translate(0, -1.5px) rotate(2.5deg); } 22% { transform: translate(0, 0.5px) rotate(-1.5deg); } 24% { transform: translate(0, 1.5px) rotate(1.5deg); } 26% { transform: translate(0, 0.5px) rotate(0.5deg); } 28% { transform: translate(0, 0.5px) rotate(1.5deg); } }