css3特效共4篇
写CSS的常用套路(兄弟选择符定制表单元素 )-xxlog

写CSS的常用套路(兄弟选择符定制表单元素 )

提示:这里最好将input作为label的子元素,这样用户点击label时就能传到input上默认的input太丑怎么办?那就把它先抹掉,用appearance: none或opacity: 0都可以 然后,利用兄弟选择符~来定制和i...
xxlog的头像-xxlogsvipxxlog1年前
04911
写CSS的常用套路(overflow障眼法)-xxlog

写CSS的常用套路(overflow障眼法)

之前有做过闪光按钮的效果:鼠标悬浮按钮上时一道光从左到右划过去。 笔者就用渐变来模拟那道光,通过transform: translateX()将其平移至右边。 但这样明显不对啊,这光为啥能被看见呢?不应该...
xxlog的头像-xxlogsvipxxlog1年前
0378
写CSS的常用套路(attr()生成文本内容)-xxlog

写CSS的常用套路(attr()生成文本内容)

元素可以有自定义的属性值,它的命名格式通常为data-*attr()用于获取元素的这种自定义属性值,并赋值给其伪元素的content作为其生成的内容利用这个函数,我们可以用伪元素在原先文本的基础上“...
xxlog的头像-xxlogsvipxxlog1年前
05714
css3特效(上下左右晃动效果)-xxlog

css3特效(上下左右晃动效果)

<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <title>Document</title> <style type='text/css'> .animated { animation-duration: 2s; /*动画时间*/...
xxlog的头像-xxlogsvipxxlog1年前
1652