怎样用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制作颜色卡
  • 儿童折纸:水手服
  • 热门搜索
    理财方法 怎么复习 家常香辣小龙虾 草鱼的做法大全家常菜 cad卸载不了怎么办 熊掌好吃吗 创造与魔法饲料大全 减肚子赘肉简单方法 粉蒸排骨的家常做法 柚子皮怎么做好吃