<!DOCTYPE html>
<html>
<head>
<style>
.animate-charcter
{
background-image: linear-gradient(
-225deg,
#ff0000 0%,
#ff00aa 9%,
#aff 67%,
#0000ff 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: gray;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 0.5s linear infinite;
display: inline-block;
font-size: 30px;
}
.animate-charcterjk1
{
background-image: linear-gradient(
-225deg,
#ff0000 0%,
#ff00aa 9%,
#aff 67%,
#0000ff 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: gray;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 4s linear infinite;
display: inline-block;
font-size: 32px;
}
@keyframes textclip {
to {
background-position: 200% center;
}
}
</style>
</head>
<body>
<h1 class="animate-charcterjk1"> Model Based Engineering in IoT
</h1>
</body>
</html>