怎样用html5实现便利贴效果

 时间:2024-10-24 20:31:00

1、想在hover和focus的时候达到缩放的效果,我们需要添加如下代码:查看原始代码CSS Code复制内容到剪贴板1.ul li a:hover,ul li a:focus{ 2.-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7) ; 3.-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7) ; 4.box-shadow:10px 10px 7px rgba(0,0,0,.7) ; 5.-webkit-transform: scale(1.25); 6.-moz-transform: scale(1.25); 7.-o-transform: scale(1.25); 8.position:relative; 9.z-index:5; 10.} 设置z-index为5是为了让正方形在放大的时候盖住其它的正方形,同时因为也设置了focus,所以也支持Tab键切换访问,​效果如下:

怎样用html5实现便利贴效果
  • 精简版地铁路线规划图模板分享
  • 酸辣炒米粉的做法
  • 猫和老鼠老鼠怎么玩
  • 教你用Photoshop制作颜色卡
  • 儿童折纸:水手服
  • 热门搜索
    关于三字经的手抄报 小学四年级手抄报大全 保护动物手抄报资料 反映寒假生活的手抄报 二年级的手抄报 古诗手抄报内容 我的未来不是梦手抄报 关于圣诞节的手抄报 关于爱的手抄报图片 安全方面的手抄报