css怎么做一个下拉菜单可点击的下拉菜单

答案:1 悬赏:0 手机版

解决时间 2021-11-28 01:12

提问者网友：姑娘长的好罪过
2021-11-27 19:10

最佳答案

五星知识达人网友：我住北渡口
2021-11-27 20:16

ul { list-style:none; margin:0; padding:0; text-align:center; background:#F03; color:#FFF; -webkit-transform:scaleY(0); -webkit-transform-origin:0 0; }li { padding:0; margin:0; }div { width:200px; }div:hover ul { -webkit-animation:ulShow 0.4s; -webkit-animation-fill-mode:forwards; -webkit-animation-timing-function: cubic-bezier(0,0.8,0.9,1); }div div { height:30px; line-height:30px; text-align:center; background-color:#FC0; }@-webkit-keyframes ulShow { from { -webkit-transform:scaleY(0); } to { -webkit-transform:scaleY(1); }}
下拉

第一个第二个第三个

本例适用于谷歌浏览器和Safari浏览器，如需兼容Opera须将“-webkit-”更改为”-o-“，火狐改为“-moz-”，IE系列比较复杂在此不予举例详情请查询W3C。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息