How to make the animation slow

Question

How to make the animation slow

Navigation

#1 by (2 votes)

1

Hello friends I have the following code I used the JQuery library and I need to encourage animation of the writing of the animation I want it to look slow but not too much, does anyone know how that could be done? or do you know a part of Jeky's docs in order to do it?

<!DOCTYPE html>
<html>
<head>
	<title>Text</title>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/typed.js/1.1.4/typed.min.js"></script>
	<style type="text/css">
		.write{
			font-size: 22px;
		}
		.container{
			text-align: center;
		}
	</style>
</head>
<body>

<div class="container">
	<span class="write"></span>
</div>

<script type="text/javascript">
	$(function(){
        $(".write").typed({
            strings: ["Bienvenidos a A nuestra  web", "Gracias por visitar nuestra Web"],
            typeSpeed: 4,
        });
    });
</script>

</body>
</html>

I use the library Jquery y typed.JS

jquery

asked by simon 30.05.2017 в 02:01

source

1 answer

like parsing an XML document to print it in console Differing Priorities of Mapbox Location on Android

score 2 · Accepted Answer

Just write a value of typeSpeed a bit higher, in multiples of 100 I would say.

<!DOCTYPE html>
<html>
<head>
	<title>Text</title>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/typed.js/1.1.4/typed.min.js"></script>
	<style type="text/css">
		.write{
			font-size: 22px;
		}
		.container{
			text-align: center;
		}
	</style>
</head>
<body>

<div class="container">
	<span class="write"></span>
</div>

<script type="text/javascript">
	$(function(){
        $(".write").typed({
            strings: ["Bienvenidos a A nuestra  web", "Gracias por visitar nuestra Web"],
            typeSpeed: 300,
        });
    });
</script>

</body>
</html>