• کد را کپی‌کنید و در قسمت کدهای جاوا اسکریپت وبلاگ قرار دهید...

<script>
(function () {
  var css = document.createElement('style');
    css.textContent = `
        .mist {
              position: fixed; inset: 0;
                    pointer-events: none; z-index: 9998;
                          overflow: hidden; mix-blend-mode: screen;
                              }
                                  .mist span {
                                        position: absolute; border-radius: 50%;
                                              filter: blur(70px); opacity: .5;
                                                    background: radial-gradient(circle, rgba(180,200,255,.9), transparent 70%);
                                                        }
                                                            .mist span:nth-child(1){ width:70vmax;height:70vmax; top:-20vmax; left:-15vmax; animation: f1 35s ease-in-out infinite alternate; }
                                                                .mist span:nth-child(2){ width:60vmax;height:60vmax; bottom:-20vmax; right:-15vmax; background: radial-gradient(circle, rgba(220,200,255,.85), transparent 70%); animation: f2 30s ease-in-out infinite alternate; }
                                                                    .mist span:nth-child(3){ width:50vmax;height:50vmax; top:35%; left:25%; background: radial-gradient(circle, rgba(200,240,255,.85), transparent 70%); animation: f3 25s ease-in-out infinite alternate; }
                                                                        @keyframes f1 { to { transform: translate(50vw, 25vh) scale(1.2); } }
                                                                            @keyframes f2 { to { transform: translate(-45vw, -30vh) scale(1.15); } }
                                                                                @keyframes f3 { to { transform: translate(35vw, -20vh) scale(1.1); } }
                                                                                  `;
                                                                                    document.head.appendChild(css);
                                                                                      var box = document.createElement('div');
                                                                                        box.className = 'mist';
                                                                                          box.innerHTML = '<span></span><span></span><span></span>';
                                                                                            document.body.appendChild(box);
                                                                                            })();
                                                                                            </script>