
最新下载
24小时阅读排行榜
- 1 小红书蒲公英入口快速定位_小红书蒲公英官网链接分享
- 2 中暑了有什么症状?怎么办?
- 3 Linux搜索文件命令find常用参数
- 4 Java中final类和final方法使用注意事项
- 5 拷贝漫画ios官网入口 拷贝漫画ios官网进入网站
- 6 你的设备遇到问题需要重启win10
- 7 win10系统语言怎么修改成中文_系统显示语言更改与中文语言包安装
- 8 解决React中map渲染组件beforeunload事件的数据捕获问题
- 9 PHP源码session管理机制_PHP源码session管理机制讲解
- 10 WhatsApp深色模式切换指南-WhatsApp界面设置中文官网教程
- 11 Go 方法定义与结构体分离的优势
- 12 使用 scipy.integrate.quad 积分指示函数:陷阱与解决方案
- 13 DescriptAI如何编辑民间故事音频_DescriptAI编辑民间故事音频全面操作教程
- 14 phpcms上传附件大小限制修改
- 15 JS 深拷贝实现方案对比 - 处理循环引用的结构化克隆算法解析
最新教程
-
- Node.js 教程
- 2544 2025-08-28
-
- CSS3 教程
- 228758 2025-08-27
-
- Rust 教程
- 3014 2025-08-27
-
- Vue 教程
- 3697 2025-08-22
-
- PostgreSQL 教程
- 3854 2025-08-21
-
- Git 教程
- 3097 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的文字动画插件,需要的朋友可以下载使用

