.my-github {
                z-index: 100;
                position: fixed;
                top: 0;
                right: 0;
                border: 0;
                height: 149px;
                width: 149px;
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                background-image: url(//images2015.cnblogs.com/blog/459873/201603/459873-20160317090540131-1089895320.png);
            }

.my-github::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 103px;
        left: 12px;
	background-color: rgba(255, 0, 0, 0.4);
	border-radius: 50%;
	animation: bounce 2s infinite;
}

.my-github::after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 8px;
        left: 71px;
	background-color: rgba(255, 255, 0, 0.4);
	border-radius: 50%;
	animation: bounce 2s infinite 1s;
}

@keyframes bounce {
	0%,
	100% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
}