HTML/CSS

2023-02-06shanhubei阅读(1396)赞(0)

1.它的父元素或者父元素的父元素等（总之就是直系长辈元素）任意一个设置overflow:hidden;overflow-x: hidden; overflow-y: hidden;overflow:auto;overflow-x:auto;...

2023-01-09shanhubei阅读(890)赞(0)

只要在你的网站全局的部分添加这段 css 代码就可以实现整站素装了。

2021-01-26shanhubei阅读(3366)赞(7)

2020-02-24shanhubei阅读(3754)赞(2)

展示： http://demo.shanhubei.com/demo/megamenu/ 这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作，没有任何js代码，不依赖任意第三方插件。适合用于栏目分类较多的大型网站使...

2020-02-24shanhubei阅读(3412)赞(0)

效果： http://demo.shanhubei.com/demo/css3hover/ 这是一款使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时，通过伪元素来制作...

2020-02-24shanhubei阅读(3164)赞(0)

效果： 效果示例 perfundo是一款纯CSS3 lightbox插件。使用它可以轻松创建单张或多张图片的弹出lightbox层效果，只需要构建HTML结构，CSS3直接调用，当然也可以和js结合一起使用。 使用方法 HTML结构 在页面...

2020-02-23shanhubei阅读(4132)赞(1)

这是一个基于anime动画库的数字增长动画组件，适用于动态图表统计中，可以设置动画效果时长、延时以及基于easing的动画效果。 安装 我们通过npm安装 npm install --save animated-number-vue 应用 ...

2020-02-22shanhubei阅读(3523)赞(1)

实现原理 1、加载了谷歌的漂亮的公共字体库。 2、加载jquery-1.11.0.min.js 3、设置css3动画特性。 Html结构 <div class="zzsc-content"> <div class="fir...

2020-02-22shanhubei阅读(3937)赞(1)

在互联网的通知的今天，在移动端充斥我们生活的今天， 做一个自适应的网站是我们不二的选择，那么我们就学会不同屏幕下的布局，那么我们就必须了解@media与@media screen 了解Media Queries Media Queries，...

2020-02-22shanhubei阅读(7040)赞(2)

做前端 处理，那CSS是你的特长，随着工程的增大，CSS的预处理越来越重要，或者我们要维护我们的css，工作会越来越困难，造成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念这叫要我们选择一个预...