要使用animation动画,先要熟悉一下keyframes,Keyframes的语法规则:命名是由”@keyframes”开头,后面紧接着是这个“动画的名称”加上一对花括号“{}”,括号中就是一些不同时间段样式规则。不同关键帧是通过from(相当于0%)、to(相当于100%...
m11,m12,m21.m22是控制角度的 复制代码代码如下: <html lang=\"en\"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; cha...
本文实例讲述了CSS实现带阴影效果的黑色导航菜单效果。分享给大家供大家参考。具体如下: 这是一款CSS实现带阴影效果黑色导航菜单,有立体感,鼠标放到菜单上会看到菜单的背景在变化,纯CSS的代码应用,没有使用任何的JavaScript代码。如果你觉得菜单的背景颜色和文字颜色不是您...
复制代码代码如下:<!DOCTYPE html> <html> <head> <style> a.a2{line-height:100px;text-align:center;text-decoration:none;ba...
1、IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法:加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法:display:inline 3、以...
复制代码代码如下: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"> <html> <head> <title>new document</ti...
效果就像这样: 不废话,直接上代码! hrml代码: XML/HTML Code复制内容到剪贴板 <!DOCTYPE html>   <html>   <head lang=\"zh\">       <meta char...
复制代码代码如下: <img class=\"blur\" src=\"test.jpg\" /> css中: 复制代码代码如下: .blur { filter: url(blur.svg#blur); -webkit-filter: blur(3px); -moz...
基于box-shadow实现的打点效果 理论上,box-shadow可以实现任意的图形效果,自然我们可以利用box-shadow生成我们的点效果,然后通过animation控制不同时间点点的数目就可以实现点点点... loading效果了~ 您可以狠狠地点击这里:CSS3 an...
表示所有状态下的连接 如 a{color:red} ① a:link:未访问链接 ,如 a:link {color:blue} ② a:visited:已访问链接 ,如 a:visited{color:blue} ③ a:active:激活时(链接获得焦点时)链...

我的博客

人生若只如初见,何事秋风悲画扇。