animation动画复合属性 Web前端

animation动画复合属性

css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
CSS 六边形 Web前端

CSS 六边形

1、将六边形拆分为一个矩形+二个三角形,利用伪元素after和before来实现; <!--第一种方案:矩形+左右两个三角形来实现--> <div class="one">&l...
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
CSS梦幻背景色 Web前端

CSS梦幻背景色

纯CSS为背景添加虚幻的圆点。 .revery-bg { background-image: radial-gradient(#fff, rgba(172,36,36,.2) 2px, transpa...

让A标签(超链接)失效的CSS写法

有时候就是这么古怪,会用到这种效果,没办法,有需求就要解决,让A标签(超链接)失效的CSS写法如下。 a {poorfish:expression(this.onclick=function kill...
CSS书写规范和顺序 Web前端

CSS书写规范和顺序

这里网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及个人经验总结出来,对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top,...
CSS去掉右边框 Web前端

CSS去掉右边框

并排放四、五个DIV有边框,但两个中间DIV只显示一个边框,形如: <div class="clients">     <li><a href="#"><im...
一个简单的鼠标悬停特效 Web前端

一个简单的鼠标悬停特效

这个特效最终实现效果就是当鼠标移动到链接上,文字会横向移动一定距离,貌似总有人喜欢这些花花草草。添加此效果方法很简单。 首先,需加载jquery库(略过)。 其次,将下面 Javascript代码加到...
CSS强制英文、中文换行与不换行 Web前端

CSS强制英文、中文换行与不换行

设计制作HTML时会遇到CSS强制英文、中文换行与不换行的问题,可以通过本文了解一下相关知识。 结构: 1.Transshipment Booking System is launched只对英文起作...