Ruído

<div class="noise"></div>
.noise{
display:block;
width:100vw;
height:100vh;
opacity:0.07;
background-image: url('seulink');
overflow: hidden;
position:fixed;
top:0;
left:0;
pointer-events:none;
z-index:1;
}

Texto Degradê
<span class="text-gradient">
.text-gradient{
background: -webkit-linear-gradient(270deg, #f29f05, #f2d64b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Botão Degradê
#botao-degrade {
background: linear-gradient(270deg, #f29f05, #f2d64b);
background-size: 400% 400%;

-webkit-animation: AnimationName 3s ease infinite;

-moz-animation: AnimationName 3s ease infinite;
animation: AnimationName 3s ease infinite;
}

@-webkit-keyframes AnimationName {
0%{background-position:0% 87%}
50%{background-position:100% 14%}
100%{background-position:0% 87%}
}

@-moz-keyframes AnimationName {
0%{background-position:0% 87%}
50%{background-position:100% 14%}
100%{background-position:0% 87%}
}

@keyframes AnimationName {

Conteúdo licenciado para Adriana Lima Sampaio - 960.816.942-91

 0%{background-position:0% 87%}
50%{background-position:100% 14%}
100%{background-position:0% 87%}
}

Filtro com desfoque

selector{
backdrop-filter: blur(4px);
}

Imagem flutuante
.img-flutuante{
animation: float 3s ease-in-out infinite;
}

@keyframes float{
0%, 100%{
transform: translateY(0);
}
50%{
transform: translateY(-20px);
}
}

Scroll Personalizado
<style>
::-webkit-scrollbar {
width: 6px;
}

::-webkit-scrollbar-track {
background: #f9f9f9;
}

::-webkit-scrollbar-thumb{
background: #f29f05;
border-radius: 30px;
}
</style>

HTMLs
Negrito: <b>seu texto aqui</b>
Quebra de linha: <br>
Cor diferente no texto: <span style="color:#códigodacor">seu texto aqui</span>

Conteúdo licenciado para Adriana Lima Sampaio - 960.816.942-91