驱动之家
我们致力于为站长提供驱动力

鼠标悬停头像旋转放大

自定义代码CSS

/*网址logo鼠标悬停旋转放大开始*/
.url-card .url-img>img{border-radius:50%; animation:light 4s ease-in-out infinite;transition:0.5s;}.url-card .url-img>img:hover{transform: scale(1.15) rotate(720deg);}
/*网址logo鼠标悬停旋转放大结束*/
/*头像呼吸光环和鼠标悬停旋转放大开始*/
.url-card .url-img>img{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.url-card .url-img>img:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/
赞(0) 打赏
未经允许不得转载:驱动之家 » 鼠标悬停头像旋转放大

评论 抢沙发

驱动之家 更专业 更方便

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

登录

找回密码

注册