最新下载
24小时阅读排行榜
- 1 css 字体粗细与浏览器兼容性怎么办_font-weight 规范值
- 2 Go测试中如何构造请求 Golang httptest用法解析
- 3 php动态网站开发怎样做登录验证_PHP动态网站登录验证方法【技巧】
- 4 C# MAUI怎么连接SQL Server MAUI远程数据库访问
- 5 php创建文件换行符怎么加_php创文件加换行写法【实例】
- 6 ERP系统仓库管理系统_ERP中WMS模块功能与操作详解
- 7 MySQL EXPLAIN FORMAT=JSON 中的 cost 与 rows_examined 解读
- 8 css 在组件化开发中如何引入样式_组件 css 引入方法
- 9 css grid和flex布局该如何选择_从一维布局和二维布局角度对比说明
- 10 Golang如何处理文件锁_Golang文件锁操作与并发控制
- 11 php判断字符串长度区分全角半角_php全角半角计数法【教程】
- 12 Go语言如何处理模块版本冲突_Golang依赖冲突解决方案
- 13 css 暗色模式样式如何加载_通过媒体查询 link 引入暗色 css
- 14 javascript dom如何操作_怎样高效地更新页面元素【教程】
- 15 php实现班级通信录怎么导入带图片_php导入图片存通信录【步骤】
最新教程
-
- Node.js 教程
- 16176 2025-08-28
-
- CSS3 教程
- 1546687 2025-08-27
-
- Rust 教程
- 23309 2025-08-27
-
- Vue 教程
- 25773 2025-08-22
-
- PostgreSQL 教程
- 22253 2025-08-21
-
- Git 教程
- 9232 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的文字动画插件,需要的朋友可以下载使用
