css悬浮按钮点击散开子多彩菜单按钮效果代码-html代码-BFW代码库

css悬浮按钮点击散开子多彩菜单按钮效果代码

代码语言：html

代码描述：css悬浮按钮点击散开子多彩菜单按钮效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <meta charset="UTF-8">
    <style>

html {
  background: #f8f7f2;
}

.menu, .button {
  width: 100px;
  height: 100px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.menu {
  margin-top: 50px;
  margin-left: 150px;
  -webkit-transition: -webkit-transform 1.125s cubic-bezier(0.39, 1.52, 0.46, 0.92);
  transition: -webkit-transform 1.125s cubic-bezier(0.39, 1.52, 0.46, 0.92);
  transition: transform 1.125s cubic-bezier(0.39, 1.52, 0.46, 0.92);
  transition: transform 1.125s cubic-bezier(0.39, 1.52, 0.46, 0.92), -webkit-transform 1.125s cubic-bezier(0.3.........完整代码请登录后点击上方下载按钮下载查看