最新下载
Bootstrap复选框样式美化特效
CSS3实现水位充满文字特效
24小时阅读排行榜
- 1 css清除浮动的技巧与总结_如何确保布局稳定
- 2 c++26的Contracts (契约式编程) 将如何改变错误处理? (前置/后置条件)
- 3 c# 12 新特性有哪些
- 4 css浮动布局写多了难维护怎么办_使用clearfix类集中管理清除逻辑
- 5 javascript中防抖和节流是什么_它们如何优化性能?
- 6 Golang设计模式在实际项目中的应用方式_工程化落地思路
- 7 如何卸载mysql_mysql彻底删除方法
- 8 C#怎么进行加密解密 C# AES对称加密算法实现方法
- 9 如何在macOS使用brew安装Golang_Golang Homebrew安装与升级方法
- 10 XML数据清洗和预处理在映射前如何做?
- 11 c# CancellationTokenSource.CancelAfter 的用法和计时器精度
- 12 c# Channel 的 Bounded 和 Unbounded 模式有什么区别
- 13 如何使用Golang处理多文件上传_Golang表单文件上传与保存示例
- 14 Stylus Studio XML映射器使用入门
- 15 Zapier如何处理Webhook传来的XML文件
最新教程
-
- Node.js 教程
- 15524 2025-08-28
-
- CSS3 教程
- 1544689 2025-08-27
-
- Rust 教程
- 22804 2025-08-27
-
- Vue 教程
- 25279 2025-08-22
-
- PostgreSQL 教程
- 21857 2025-08-21
-
- Git 教程
- 8869 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的文字动画插件,需要的朋友可以下载使用
