Posted October 21Oct 21 comment_212466 Просмотр файла Gradient Animation Gradient Animation …. Стандартная тема с градиентным фономи Blur эффект Gradient Animation.mp4 Submitter Silence Submitted 22.10.2024 Category Themes and design for IC5 Link to comment https://ipbmafia.ru/topic/28120-gradient-animation/ Share on other sites More sharing options...
October 22Oct 22 comment_212508 This gradient animation looks great I can’t wait to see what else you cook! Link to comment https://ipbmafia.ru/topic/28120-gradient-animation/?&do=findComment&comment=212508 Share on other sites More sharing options...
October 30Oct 30 comment_212734 Paste in Custom .css/* Custom Gradient Animation CSS with more colors */body { background: linear-gradient(-45deg, #d4af37, /* Dorado */ #c0c0c0, /* Plateado */ #ff00ff, /* Fucsia */ #87ceeb, /* Celeste */ #40e0d0, /* Turquesa */ #f4c542, /* Amarillo metálico */ #b0c4de, /* Lavanda claro */ #ff69b4, /* Rosa brillante */ #4682b4, /* Azul acero */ #ff6347, /* Rojo tomate */ #dda0dd, /* Orquídea */ #1e90ff, /* Azul dodger */ #20b2aa, /* Aguamarina oscuro */ #ff1493, /* Rosa profundo */ #98fb98, /* Verde pálido */ #ff4500, /* Naranja rojo */ #00ced1, /* Cian oscuro */ #9932cc, /* Púrpura oscuro */ #ffd700, /* Oro */ #8a2be2, /* Azul violeta */ #7fffd4, /* Aguamarina */ #ffdead, /* Oro claro */ #8b0000, /* Rojo oscuro */ #f08080 /* Coral claro */); background-size: 400% 400%; animation: gradient 15s ease infinite; height: 100vh;}.ipsHeader__primary { background: linear-gradient(-45deg, #d4af37, #c0c0c0, #ff00ff, #87ceeb, #40e0d0, #f4c542, #b0c4de, #ff69b4, #4682b4, #ff6347, #dda0dd, #1e90ff, #20b2aa, #ff1493, #98fb98, #ff4500, #00ced1, #9932cc, #ffd700, #8a2be2, #7fffd4, #ffdead, #8b0000, #f08080); background-size: 400% 400%; animation: gradient 15s ease infinite;}@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }}.ipsHeader__secondary { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgb(0 0 0 / 28%); box-shadow: 0 15px 25px rgba(0, 0, 0, .6);}.ipsFooter { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgb(0 0 0 / 28%); box-shadow: 0 15px 25px rgba(0, 0, 0, .6);}li.ipsBox.ipsPull { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgb(251 250 250 / 80%);}.ipsBox__header { border-bottom: 1px solid #0000001f; background: transparent;}.ipsData__item { outline: transparent;}.ipsWidget { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgb(251 250 250 / 80%);}.ipsBox { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgb(251 250 250 / 80%);}header.ipsWidget__header { border-bottom: 1px solid #0000001f; background: transparent;}.ipsWidget__header { border-bottom: 1px solid #0000001f; background: transparent;} Link to comment https://ipbmafia.ru/topic/28120-gradient-animation/?&do=findComment&comment=212734 Share on other sites More sharing options...
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.