Home JS special effects jQuery effects jQuery and CSS3 text animation plug-in

jQuery and CSS3 text animation plug-in

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的文字动画插件,需要的朋友可以下载使用

Disclaimer

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 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 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 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 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 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) 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.

Jquery left and right sliding plug-in to achieve super cool animation effect with source code download_jquery Jquery left and right sliding plug-in to achieve super cool animation effect with source code download_jquery

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) Jquery implements pop-up layer sharing Weibo plug-in with animation effect_jquery

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.

jQuery plug-in MixItUp implements animation filtering and sorting_jquery jQuery plug-in MixItUp implements animation filtering and sorting_jquery

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.

See all articles See all articles

Hot Tools

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

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

layui responsive animated login interface template

520 Valentine's Day confession web animation special effects

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

Cool system login page

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER