<blockquote class="decoration">Hãy học CSS đi! Không bây giờ thì BAO GIỜ??!!!!
  <cite> &mdash; ít me</cite>
</blockquote>
blockquote {
  font-size: 28px;
  font-weight: bold;
  font-family: Georgia, serif;
  background: linear-gradient(to right, #4364f7, #11ff99);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  max-width: 70vw;
}

cite {
  font-size: 20px;
  font-weight: bold;
  background: linear-gradient(to right, #4364f7, #23d5ab);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  display: block;
  text-align: right;
  margin-top: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.