在前一篇文章Axure：PC端常见图片展位悬停效果（一）介绍过鼠标悬停时图片放大的效果。本篇我们继续尝试使用用axure，实现以下效果：悬停时边框突出（或增加阴影）
再重新看一下我们要实现的效果：
优酷视频列表 – 悬停时有阴影
当当网商品列表 – 悬停时连线变化
所需要元件：图片元件 * 1；
涉及交互事件（用例）：
2024年10月18日
在前一篇文章Axure：PC端常见图片展位悬停效果（一）介绍过鼠标悬停时图片放大的效果。本篇我们继续尝试使用用axure，实现以下效果：悬停时边框突出（或增加阴影）
再重新看一下我们要实现的效果：
优酷视频列表 – 悬停时有阴影
当当网商品列表 – 悬停时连线变化
所需要元件：图片元件 * 1；
涉及交互事件（用例）：
2024年10月18日
在实际开发中，按钮的应用是必不可少。使用 CSS 来制作按钮，可以更有新意，更有趣，也可以自定义自己想要的样式。
2024年10月18日
它是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域。css代码：
2024年10月18日
2024年10月18日
在css众多属性中，定位position属性，必须有姓名，而且占据了比较重要的地位，比如：二级，三级导航效果，鼠标悬停的一些动态效果，悬停栏，侧边导航栏定位效果等等都是需要定位实现的。
但是很多小伙伴，刚接触定位的时候，理解上会有一些困惑，使用上容易出bug，那我们今天就来聊一下定位position属性；
2024年10月18日
我们经常会在一些网站上看到特别好看的悬浮图片效果，作为一个前端开发来说，肯定都想自己做一个那样的效果，今天小猿圈就给大家分享如何利用css实现令人震惊的悬浮效果。
怎样才能达到这个效果，使我们的网站脱颖而出呢？其实，它并不像你想象的那么难！
追踪位置
我们要做的第一件事就是获取到鼠标的位置。
document.querySelector('.button').onmousemove = (e) => {
2024年10月18日
经过一段时间的酝酿，我决定继续开启头条文章的发布。
1. 将自己平常工作学习中的素材积累，分享在头条号。既能加深记忆，又能为大家带来分享。
2. 标题为零基础HTML的意思很简单，我希望让HTML这个前端语言变成每一位网友都熟知的语言。因为它其实并不复杂，甚至可以说它就是计算机语言中的“美图秀秀”
3. 如有想加深学习进度的小伙伴，请私信我。
废话不说了，开始 零基础HTML素材积累01 CSS HOVER的7个按钮
2024年10月18日
CSS简单图片手风琴展示效果。
这么丝滑的效果一点js都不要，不要命了。打开VSCode，页面结构就是ul+litimg，没有任何花里胡哨。为了方便计算，ul总宽度设为550px，每个li均沾ul宽度的五分之一，图片宽度则为450px。
宽度说出来了肯定有聪明的小伙伴知道接下来要干什么了，没错就是在鼠标hover的时候改变一下li的宽度。比如这一刻，只要让第一个li变成450px宽，其他li变为25px宽，是不是正好凑满了总宽度550px？其他情况也同理。代码真的很好写，两个hover完事。