标签：css

2020-02-24shanhubei阅读(7526)赞(1)

演示： http://demo.shanhubei.com/demo/waveAnimation/ 这是一款使用CSS3 animation动画和png图片制作的css3线条波浪动画效果。该特效中，使用了3张波浪线条的png图片，以及少量的...

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

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

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（作用域）等概念这叫要我们选择一个预...

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

很不错的CSS透明效果，本实例是用CSS控制外层DIV不透明，而内层DIV透明，这样实现的效果是意想不到的，还不错吧，其实代码也是很简单的，也很好理解，主要是div2层用了CSS的滤镜，并把它的显示层数设置的高一点，这里设置为100，背景颜...

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

CSS 2 引入了属性选择器，属性选择器可以根据元素的属性及属性值来选择元素，今天我们来学习特定属性选择器lang的使用方法。 css :lang选择器定义用法介绍 lang 向带有指定 lang 属性开始的元素添加样式。 注意: 值是整个...

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

图片 鼠标指向时放大功能，便于产品展示，可以通过Js，jquery来实现，但最好的方法还是纯css来实现，下面的代码轻松实现了这一功能。 1、html结构 <ul> <li><a href=""><...

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

CSS3 的功能强大，animation实现的动画更让我们无法想象 ，大家在访问知名博客知更鸟的网站时，会发现侧边栏工具栏有一个QQ图标在不停的闪烁，这样的效果一下便会吸引读者，下面我们一起分析如何实现这种特效。 这里主要使用了animat...