jQuery and CSS3 text animation plug-in
jQuery and CSS3 text animation plug-in
<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的文字動畫插件，需要的朋友可以下載使用
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
How to Disable and Enable a Submit Button Based on Text Field Input in jQuery?
10 Nov 2024
Disabling and Enabling Submit Button in jQuery Based on Text Field InputUnderstanding the Issue:You want to control the enabled/disabled state of...
How to implement multiplexing and parameter passing in SVG text animation?
04 Apr 2025
SVG text animation multiplexing and parameter transfer SVG have many advantages in drawing static graphics and animations, among which the use tag can effectively replicate defined graphics...
How Can jQuery Highlight Specific Words and Phrases in Text?
06 Dec 2024
Highlight Specific Words with jQueryIntroductionEnhancing the visibility of specific terms or phrases within a text can be crucial for emphasizing...
10 jQuery Cool Menu Effect Plugins
01 Mar 2025
10 cool jQuery menu special effects plug-ins to improve website user experience! We have shared many jQuery navigation menu plugins, and now we bring you 10 more amazing jQuery menu effects plugins. Enjoy it! Related readings: - 10 dazzling jQuery navigation menus - 15 excellent jQuery navigation menus Right-click menu This plugin is very easy to use and compact, allowing you to create right-click menus. Source Code Demo 2. jQuery Multi-level Menu – FX CSS Menu with Submenu 100% CSS menu, visual effects provided by jQuery. Only use Javascript to implement special effects. Fully compatible with cross-browser, package
How to Programmatically Trigger Text Input Events in JavaScript and jQuery?
27 Nov 2024
How to Trigger User Text Input Events in JS/jQueryEmulating user text entry events in a text input box can be useful for testing event handlers or...
How Can I Simulate User Text Input in JavaScript and jQuery?
23 Nov 2024
Emulating User Text Input with JS and jQueryTo simulate user input within a text input box, you can utilize direct event triggering. Each relevant...
How to Detect the End of CSS3 Transitions and Animations in jQuery?
04 Nov 2024
Monitoring Completion of CSS3 Transitions and Animations in jQueryIn web development, it's often desirable to fade out an element and subsequently...
8 Cool jQuery Animation Effects Tutorials
26 Feb 2025
jQuery animation effect tutorial: Say goodbye to Flash animation and embrace the era of jQuery animation! In the past, animation effects on websites usually rely on Flash. But now, with jQuery, you can easily create various animation effects. The following are some jQuery animation effects tutorials to help you start your journey of painting! Related readings: 10 CSS3 and jQuery loading animation solutions 3D JavaScript animation—three.js JQuery animation feed display imitating Foursquare This tutorial will show you how to easily create an RSS scrolling subtitle effect using jQuery. Source Code Demo jQue
How Can I Detect the Completion of CSS3 Transitions and Animations in jQuery?
31 Dec 2024
Detecting the Completion of CSS3 Transitions and AnimationsWhen working with CSS3 animations or transitions, a common challenge arises:...
Hot Tools
jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects
A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.
layui responsive animated login interface template
layui responsive animated login interface template
520 Valentine's Day confession web animation special effects
jQuery Valentine's Day Confession Animation, 520 Confession Background Animation
Cool system login page
Cool system login page
HTML5 tape music player-CASSETTE PLAYER
HTML5 tape music player-CASSETTE PLAYER