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
jQuery and CSS3 stunning hamburger deformation animation effects
18 Jan 2017
This is a cool hamburger deformation animation special effect created using jQuery and CSS3. This special effect attaches button events through jQuery and creates animation effects through CSS3 transform and animation.
Collection of text effects plug-ins for jQuery and CSS_jquery
16 May 2016
This article mainly summarizes 20 kinds of jQuery and CSS text effects plug-ins. They are all popular special effects plug-ins and are recommended to friends in need.
Image and text automatic carousel effect plug-in implemented by JQuery
28 Jun 2018
This article mainly introduces the automatic image and text carousel effect plug-in implemented by JQuery, involving jQuery's method of processing mouse events and animation effects. Friends who need it can refer to it.
How does jQuery differ from CSS3 animation features? Compare the pros and cons
08 Sep 2023
How does jQuery differ from CSS3 animation features? Comparison of advantages and disadvantages Introduction: Today, web design has paid more and more attention to user experience. As one of the important means to enhance user experience, animation effects play an important role in web design. In the process of realizing animation effects, developers are faced with the problem of choosing whether to use jQuery or CSS3 animation. This article will conduct a comparative analysis between the two, discuss their advantages and disadvantages, and provide readers with relevant code examples. 1. jQuery animation: jQuery is a powerful
CSS3 animation and jQuery mashup: combine the advantages of both to create unprecedented web page effects
08 Sep 2023
Mix and match CSS3 animation and jQuery: combine the advantages of both to create unprecedented web page effects. With the development of the Internet, web design requirements are getting higher and higher. We hope to present more attractive effects to users. CSS3 animation and jQuery are two commonly used web animation production tools, each of which has unique characteristics and advantages. This article will introduce how to combine CSS3 animation with jQuery to create more exciting web page effects. Advantages of CSS3 animation CSS3 animation is based on CSS technology
Summary of animation effects and animation queue in jquery (with code)
15 Aug 2018
This article brings you a summary of animation effects and animation queues in jquery (with code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
16 May 2016
This is a multiple slider switching effect based on the jquery.pogo-slider plug-in. This article will introduce you to the Jquery left and right sliding plug-in to achieve super cool animation effects. Friends who are interested in the relevant knowledge of the jquery left and right sliding plug-in can refer to it.
源码下载
代码片段(1)
16 May 2016
This Jquery plug-in is a very practical special effect. It not only has a sharing function, but also has animation effects, which improves the user experience. Interested friends can refer to it.
16 May 2016
The MixItUp filtering and sorting jQuery plug-in is a jQuery filtering and sorting plug-in that displays descriptions when the mouse rolls over the image. It is a lightweight but powerful jQuery plug-in that provides beautiful animated filtering and sorting functions for categorized and ordered content. Perfect for portfolio sites, galleries, photo blogs, and any categorized or organized content.
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