效果：http://hovertree.com/texiao/css3/1/本效果主要使用text-shadow实现.
转载
2016-01-27 00:29:00
178阅读
2评论
<p class="shadow">人生之路应该如何走？</p> <p class="shadow2">人生之路应该如何走？</p> <p class="shadow
3">人生之路应该如何走？</p> <p class="shadow4">人生之路应该如何走？</p> <p class="shado ...
转载
2021-09-16 17:24:00
286阅读
2评论
/animation/.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:2sease;-moz-animation:2sease;-ms-animation:2sease;animation:2sease;}.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadei
原创
2019-02-26 09:11:53
1205阅读
点赞
温馨提示：一下
css封装，建议按需使用，否则会造成很大的代码冗余，且很多
样式会造成不符合预期的效果，建议合理使用 <a href="https://meyerweb.com/eric/tools/
css/reset/">Reset.
css</a> function.
css /* 禁止选中文本 */
原创
2021-07-19 16:50:03
301阅读
这是一款效果非常炫酷的HTML5和CSS3文字样式和鼠标滑过特效插件。该文字特效中包含了11种不同的文字样式和鼠标滑过文字时的动画效果。部分文字动画效果使用了SVG和HTML5 Canvas来制作。注意这些效果并不是在所有的浏览器中都能正常工作的。请使用最新版额现代浏览器来查看这些效果。这些文字鼠标滑过动画效
原创
2022-02-23 11:51:43
754阅读
一、CSS3圆角的优点
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：
* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。
* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。
* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等
原创
2012-09-03 22:42:31
616阅读
视频特效字幕，视频特效字幕是指在视频中添加一些特殊效果的字幕，比如闪烁、渐变、动画等等，这些字幕可以让视频更加生动、有趣，同时也可以更好地传达信息和表达情感，视频特效字幕通常由视频编辑软件中的特效功能制作，下面一起来看看什么软件可以操作把。工具：书单视频助手APP书单视频助手APP是一款用于制作和分享读书视频的应用程序，该应用程序包含许多有用的功能，其中一项是特效字幕功能，该功能允许用户在视频中添
原创
2023-05-24 16:40:43
195阅读
在PC版开发中由于IE原因，我们很少用到css3，但随着平板和智能手机进入我们的生活，以及现在越来越流行，在手机版和平板版开发中我们就可以大胆的使用了，下面我们探讨常用几个css3属性： 1.css3前缀使用介绍，我们直接看个例子：
Java代码
-webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用
转载
2014-11-13 12:48:00
124阅读
2评论
list-style-type:none;disc：实心圆cirle：空心圆none：不使用项目符号decimal：阿拉伯数字square：实心方块......用于
原创
2023-05-19 15:16:11
59阅读
css3 width: calc(50% - 10px) sass 1、奇偶行
原创
2021-08-04 15:51:20
173阅读
Filters主要是运用在图片的一些特效，也可以应用到一些视频上面。常被称为滤镜浏览器支持： 目前来说，我知道的是webkit可以较好的支持下面来看看各种效果:有以下几种效果可以使用grayscalebrightnesshue-rotateinvertopacitycontrastsaturatesepiadrop-shadowblur我在这里使用到的
原创
2014-11-27 15:44:09
1026阅读
点击这里查看效果以下是源代码： 1 2 3 4 5 6 7 CSS3神奇的按钮-柯乐义 8 9 678 695 696 697 请使用支持CSS3的浏览器查看本页。原文698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 柯乐义 CSS3特效730 731 732 roucheng转载自：://keleyi.com/a/bjac/3t0molka.htmh...
转载
2013-12-12 23:24:00
407阅读
2评论
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3雷达扫描
CSS3动画特效——transform详解 还可以和过渡属性（Transition）连用 transition&transform,CSS中过度和变形的设置
前置属性：
transform-origin更改一个元素变形的原点transform-style：设置元素的子元素是位于 3D 空间中还是平面中
flat：平面，如果选择平面即此值，元素的子元素将不会有 3D 的遮挡关系
转载
2021-08-18 13:54:56
1432阅读
想做一个图片墙的那种的，就是好多图片一点击就可以放大，缓慢放大那种，首先想到用css3实现，因为足够简单。这里因为动画要缓慢变大，所以要用到过渡属性transition
原创
2022-07-11 10:34:56
1013阅读
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3火焰燃烧
css3-4 css3边框样式 一、总结 一句话总结： 二、css3边框样式 1、相关知识 边框属性:1.border-width2.border-style3.border-color边框方位:1.border-left:1px solid #f00;2.border-top:1px solid
转载
2018-06-22 02:48:00
149阅读
$(“#id”).attr(“class”);//获取样式
$(“#id”).attr(“class”,className);//设置样式
$(“#id”).addClass(className);//追加样式
$(“#id”).removeClass(className);//移除样式
$(“#id”).toggleClass(anotherClass) //重复切换anothe
转载
2023-07-14 14:33:13
31阅读
CSS3-边框border-radiusbox-shadowborder-image【1】box-shadowbox-shadow: 50px 50px 0 20px #ffb;图：解析：参数1：X轴，图中为30，因为50-20=30；
参数2：Y轴，图中为30，因为50-20=30；
参数3：模糊距离
参数4：阴影大小，默认可省略不写时为0。
参数4：颜色。复制代码【2】border-image
转载
2021-01-21 18:30:06
296阅读
2评论
