技术资料查询
一起进步

标签:css

Javascript/jQuery

CSS3实现的线条波浪动画效果

shanhubei阅读(331)赞(0)

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

HTML/CSS

纯CSS实现的大型下拉菜单

shanhubei阅读(434)赞(1)

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

HTML/CSS

基于animate动画库的数字增长动画组件

shanhubei阅读(321)赞(0)

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

HTML/CSS

了解@media与@media screen

shanhubei阅读(382)赞(0)

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

HTML/CSS

Less还是Sass,Stylus我们到底选择谁

shanhubei阅读(360)赞(0)

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

HTML/CSS

纯css调节透明度

shanhubei阅读(326)赞(0)

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

HTML/CSS

CSS的属性选择器lang使用说明

shanhubei阅读(296)赞(0)

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

HTML/CSS

纯css实现图片放大

shanhubei阅读(305)赞(0)

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

HTML/CSS

CSS3利用keyframes制个边栏字体图标闪烁特效

shanhubei阅读(298)赞(0)

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