共 11 篇文章

标签：svg

[CSS3]为表单input和textarea文本框添加发光焦点响应效果

一般网页里面的表单都有文本框，大部分默认的文本框样式并不好看，Chrome浏览器默认会给获取焦点的文本框添加一个蓝色的发光效果，但是其它浏览器就不行，以前我都是定义为一个样式，这样确实很不利于用户体验，这样用户分不清那个文本框获取了焦点，若...

当我们需要给一个页面设置内阴影效果时，一般都是先设置一个高度和宽度的100%的div盒子，然后给这个盒子设置内部阴影，但是若使用CSS3的伪类before，采用以下的代码，我们可以更轻松地给body标签设置内阴影的样式。效果 CSS代码 ...

本来想改一下菜单效果，因为响应式效果不好，换成效率高一些的展开效果。后来直接掉到css的深坑里面，其实最难的部分不是css，而是js。 js解决之后看到一堆css我也不想继续了。只是把jq抓取菜单a标签下的文本方法记录一下。 jQ有一个te...

返回顶部功能基本上各站都有，本站早期也贴过代码，这次主要是“去到底部”。首先要引用jQuery库 <script src="//apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js" typ...

与旋转一定角度不同，这个是不停旋转。代码只有一句（针对块状元素）： @-moz-keyframes spinPulse{0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1p...

关于SVG本站之前已经有一篇文章：https://www.fankuiba.com/html5-use-svg-icon.html 这次的素材是加载动画，svg文件就像一张图片一样，但你可以像编码文件一样用文本编辑器打开来编辑里面的图片参数...

目前大多数个人站使用的还是font-icon字体图标。也有一些字体图标站可以将图标转为svg格式。 SVG 即 Scalable Vector Graphics，是一种用来绘制矢量图的 HTML5 标签。你只需定义好XML属性，就能获得一致...