最新下载
24小时阅读排行榜
- 1 如何在 Go 程序中正确导入同一包下的其他源文件?
- 2 javascript如何保证Web应用的性能监控【教程】
- 3 javascript如何利用Web Workers进行多线程计算【教程】
- 4 javascript防抖和节流是什么_它们如何优化事件处理函数【教程】
- 5 javascript如何实现深拷贝_有哪些常见的方法【教程】
- 6 html5怎么嵌入摄像头画面_html5嵌入摄像头采集法【步骤】
- 7 pandas 如何在 read_csv 时强制某些列为 nullable integer 类型
- 8 javascript中的条件语句if和switch如何使用?【教程】
- 9 如何在 Go 程序中正确导入同一包下的其他文件定义?
- 10 javascript如何理解原型链与面向对象编程【教程】
- 11 javascript如何实现类_ES6类语法如何使用【教程】
- 12 javascript为何需要Promise对象【教程】
- 13 Go 中实现结构体字段复用:通过嵌入而非接口定义公共字段
- 14 如何用 JavaScript 实现下拉列表必选验证并弹出提示
- 15 javascript的箭头函数是什么_它与普通函数有何不同【教程】
最新教程
-
- Node.js 教程
- 16276 2025-08-28
-
- CSS3 教程
- 1546915 2025-08-27
-
- Rust 教程
- 23407 2025-08-27
-
- Vue 教程
- 25851 2025-08-22
-
- PostgreSQL 教程
- 22344 2025-08-21
-
- Git 教程
- 9306 2025-08-21
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基于animate.css的jQuery+CSS3文字动画插件</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<style type="text/css">
.long-shadow, .medium-shadow {
border: none;
-o-text-overflow: clip;
text-overflow: clip;
}
.long-shadow {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-shadow: 3px 3px 0 #4C6A92, 4px 4px 0 #4C6A92, 5px 5px 0 #4C6A92, 6px 6px 0 #4C6A92, 7px 7px 0 #4C6A92, 8px 8px 0 #4C6A92, 9px 9px 0 #4C6A92, 10px 10px 0 #4C6A92, 11px 11px 0 #4C6A92, 12px 12px 0 #4C6A92, 13px 13px 0 #4C6A92, 14px 14px 0 #4C6A92, 15px 15px 0 #4C6A92, 16px 16px 0 #4C6A92, 17px 17px 0 #4C6A92, 18px 18px 0 #4C6A92, 19px 19px 0 #4C6A92, 20px 20px 0 #4C6A92;
}
h1 .animateTitle1 {
font-size: 10vh;
letter-spacing: 2.7vh;
color: #FFF;
padding: 1em 0;
}
h4{ font-size:34px; font-weight:bold;}.text-danger{ color:#000000}
</style>
这是一份jQuery与CSS3的文字动画插件,需要的朋友可以下载使用
