html+JS：爱心鼠标跟随特效

 

心形跟随鼠标移动，截图工具截不到鼠标。。。

 

body中加入

<span class="heart-eye">
        <span class="heart"></span>
</span>

css样式

.heart-eye {
	position:absolute;
	animation:pulse 1s ease-out infinite;
}
.heart {
	display:block;
	width:16px;
	height:16px;
	background:#e25d5d;
	transform:rotate(-45deg);
}
.heart:before,.heart:after {
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50%;
	background-color:#e25d5d;
}
.heart:before {
	top:-8px;
	left:0;
}
.heart:after {
	left:8px;
	top:0;
}
@keyframes pulse {
	30% {
	transform:scale(1.2,1.2);
}
70% {
	transform:scale(1,1);
}
}