<!DOCTYPE html>
<html lang="en-US">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <body>
<h1>jQuery fadeTo() Method</h1>
<p>fadeIn() with 500 millisecond speed with 'linear' easing</p>
<button id="myFadeTo">Fade To</button>
<script>
$(document).ready(function(){
$("#myFadeTo").click(function(){
$("p").fadeTo(500, 0.3, "linear");
});
});
</script> </body>
</html>