制作背景
当时为了练手，重温html和css语法，在仿写百度界面的网页，同时学习了一些js的基础，打算将百度网页中的二级菜单鼠标事件效果也做出来。于是就做了这样一个js。其实我个人并不知道百度二级菜单是怎样实现的，我只是用我想的方式来实现。
2024年10月18日
当时为了练手，重温html和css语法，在仿写百度界面的网页，同时学习了一些js的基础，打算将百度网页中的二级菜单鼠标事件效果也做出来。于是就做了这样一个js。其实我个人并不知道百度二级菜单是怎样实现的，我只是用我想的方式来实现。
2024年10月18日
通常希望检测用户何时将鼠标悬停在 UI 元素上。 然后，当鼠标悬停在元素上时，我们可以自定义元素的外观或显示其他元素。
在 Hover 上设置元素样式
使用 CSS，我们可以使用 :hover 伪类轻松自定义悬停元素的外观：
2024年10月18日
鼠标悬停的效果：从中心点扩大到整个圆，先让范围缩小为0（transform: scale(0);，当鼠标放在上面时就放大1倍（transform: scale(1);），过程花0.35秒。
2024年10月18日
在网页设计中，导航栏是一个非常重要的组成部分，同时也是用户首次接触到网站的入口。为了吸引用户的注意力，我们可以通过添加悬停效果来让导航栏更加炫酷和与众不同。本文将介绍几种CSS实现导航栏悬停效果的方法，让你的网站在用户眼中脱颖而出。
步骤一：改变背景颜色
2024年10月18日
本文将详细介绍如何使用 HTML 和 CSS 制作创意图标悬停效果。这个效果主要表现为，最初是一排具有 不同颜色 与 四角括号 的图标展示，当鼠标悬浮在任一图标上时，四角括号消失或出现边框，图标上移底部出现相应文字信息，并且二者具有模糊阴影。当然一整个过程是有设置过渡效果的。独特的图标 ???? 交互体验为应用添加更丰富的交互性和吸引力。
2024年10月18日
2024年10月18日
阿拉似个学渣，但还似想充充学霸，来人！上效果图！ 威~武~（自带音效）
看上去是不是很简单，那我这个伪大神就告你：你大错特错了，啊哈哈哈
简单粗暴：上代码
html
样式分三步走
one：基础样式
two，类似遮罩层盒子样式：
three，鼠标悬停出效果：
2024年10月18日
平时制作网站导航时，经常用到鼠标悬停展现下拉菜单的效果。在此记录一下实现过程，需支持CSS3浏览器运行。
首先看下实现的效果：
html部分：
<ul class="navbar-nav ml-auto">
<li class="nav-item hvr-underline-from-left nav-item1"><a class="nav-link hvr-icon-spin fa-caret-down" href="/solutions/">建站推广方案</a>
<div class="list-group shadow-sm ">
<a class="list-group-item list-group-item-action" href="/solutions/diagnosis/">分析 - 诊断分析/营销定位</a><a class="list-group-item list-group-item-action" href="/solutions/customize/">网站 - 定制品牌营销网站</a><a class="list-group-item list-group-item-action" href="/solutions/sem/">流量 - Google SEM 广告引流</a><a class="list-group-item list-group-item-action" href="/solutions/seo/">转化 - SEO优化+网站运维</a><a class="list-group-item list-group-item-action" href="/solutions/social/">社交 - Facebook/Youtube 运营推广</a><a class="list-group-item list-group-item-action" href="/solutions/training/">培训 - 线上线下课程免费送</a>
</div>
</li>
<li class="nav-item hvr-underline-from-left nav-item2"><a class="nav-link " href="/cases/">成功案例</a>
</li>
</ul>2024年10月18日
喜欢看电影的朋友肯定会注意到一个有趣的细节，就是电影出品方一定会在片头的Logo环节做一个小特效：暗影流动之间光泽一闪而过，这样做不仅可以提高Logo的辨识度，还可以提升质感，一举两得。参照华纳兄弟影业(Warner Bros. Pictures)的例子：
2024年10月18日