{"id":560,"date":"2023-03-11T01:29:32","date_gmt":"2023-03-10T22:29:32","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=560"},"modified":"2023-03-28T23:53:13","modified_gmt":"2023-03-28T20:53:13","slug":"animacziya-svetyashhegosya-teks","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/effect\/560\/","title":{"rendered":"Glowing text animation"},"content":{"rendered":"<figure class=\"wp-block-video\"><video height=\"525\" style=\"aspect-ratio: 987 \/ 525;\" width=\"987\" controls src=\"https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/03\/vokoscreenng-2023-03-10_23-25-12.webm\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">&lt;main&gt;\n  &lt;section class=&quot;mast&quot;&gt;\n    &lt;figure class=&quot;mast__bg&quot; style=&quot;background-image:url(https:\/\/unsplash.it\/1800\/800?image=893)&quot;&gt;&lt;\/figure&gt;\n    &lt;header class=&quot;mast__header&quot;&gt;\n      &lt;h1 class=&quot;mast__title js-spanize&quot;&gt;Incoming Transmission&lt;\/h1&gt; \n      &lt;hr class=&quot;sep&quot;\/&gt;\n      &lt;p class=&quot;mast__text js-spanize&quot;&gt;\nThis is a story, all about how, \nMy life got twisted upside down. \nSo I&#039;d like to tell a story, just sit right there. \nAnd I&#039;ll tell you how I became the prince of Bel Air.&lt;\/p&gt;\n    &lt;\/header&gt;\n  &lt;\/section&gt;\n&lt;\/main&gt;\n&lt;script src=&quot;\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n\/\/\u0421\u043a\u0440\u0438\u043f\u0442 js \u043d\u0430\u0434\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0437\u0434\u0435\u0441\u044c\n\/\/\u0410\u0432\u0442\u043e\u0440: Stephen Scaff. @StephenScaff<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">*, *:before, *:after {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  width: 100%;\n  font-family: &quot;Cutive Mono&quot;, monospace;\n  line-height: 1.5;\n  font-weight: 400;\n  font-style: normal;\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n}\n\n.sep {\n  border: 0;\n  width: 3em;\n  height: 1px;\n  margin: 1em 0;\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n.mast {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: #fff;\n  background-color: #111;\n}\n.mast:after {\n  z-index: 0;\n  content: &quot;&quot;;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background: rgba(17, 17, 17, 0.9);\n}\n.mast &gt; header {\n  z-index: 2;\n  position: relative;\n}\n.mast__bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  margin: 0;\n  padding: 0;\n  background-size: cover;\n  background-position: 50%;\n}\n.mast__header {\n  padding: 5%;\n}\n.mast__title {\n  font-family: &quot;Cutive Mono&quot;, monospace;\n  font-size: 1em;\n  font-weight: 400;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n}\n.mast__title span {\n  -webkit-animation: letter-glow 0.7s 0s ease both;\n          animation: letter-glow 0.7s 0s ease both;\n}\n.mast__title span:nth-child(1) {\n  -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n}\n.mast__title span:nth-child(2) {\n  -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n}\n.mast__title span:nth-child(3) {\n  -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n}\n.mast__title span:nth-child(4) {\n  -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n}\n.mast__title span:nth-child(5) {\n  -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n}\n.mast__title span:nth-child(6) {\n  -webkit-animation-delay: 0.3s;\n          animation-delay: 0.3s;\n}\n.mast__title span:nth-child(7) {\n  -webkit-animation-delay: 0.35s;\n          animation-delay: 0.35s;\n}\n.mast__title span:nth-child(8) {\n  -webkit-animation-delay: 0.4s;\n          animation-delay: 0.4s;\n}\n.mast__title span:nth-child(9) {\n  -webkit-animation-delay: 0.45s;\n          animation-delay: 0.45s;\n}\n.mast__title span:nth-child(10) {\n  -webkit-animation-delay: 0.5s;\n          animation-delay: 0.5s;\n}\n.mast__title span:nth-child(11) {\n  -webkit-animation-delay: 0.55s;\n          animation-delay: 0.55s;\n}\n.mast__title span:nth-child(12) {\n  -webkit-animation-delay: 0.6s;\n          animation-delay: 0.6s;\n}\n.mast__title span:nth-child(13) {\n  -webkit-animation-delay: 0.65s;\n          animation-delay: 0.65s;\n}\n.mast__title span:nth-child(14) {\n  -webkit-animation-delay: 0.7s;\n          animation-delay: 0.7s;\n}\n.mast__title span:nth-child(15) {\n  -webkit-animation-delay: 0.75s;\n          animation-delay: 0.75s;\n}\n.mast__title span:nth-child(16) {\n  -webkit-animation-delay: 0.8s;\n          animation-delay: 0.8s;\n}\n.mast__title span:nth-child(17) {\n  -webkit-animation-delay: 0.85s;\n          animation-delay: 0.85s;\n}\n.mast__title span:nth-child(18) {\n  -webkit-animation-delay: 0.9s;\n          animation-delay: 0.9s;\n}\n.mast__title span:nth-child(19) {\n  -webkit-animation-delay: 0.95s;\n          animation-delay: 0.95s;\n}\n.mast__title span:nth-child(20) {\n  -webkit-animation-delay: 1s;\n          animation-delay: 1s;\n}\n.mast__title span:nth-child(21) {\n  -webkit-animation-delay: 1.05s;\n          animation-delay: 1.05s;\n}\n.mast__title span:nth-child(22) {\n  -webkit-animation-delay: 1.1s;\n          animation-delay: 1.1s;\n}\n.mast__title span:nth-child(23) {\n  -webkit-animation-delay: 1.15s;\n          animation-delay: 1.15s;\n}\n.mast__title span:nth-child(24) {\n  -webkit-animation-delay: 1.2s;\n          animation-delay: 1.2s;\n}\n.mast__title span:nth-child(25) {\n  -webkit-animation-delay: 1.25s;\n          animation-delay: 1.25s;\n}\n.mast__text {\n  font-family: &quot;Cutive Mono&quot;, monospace;\n  font-size: 1em;\n  margin: 0 0 0.5em;\n  line-height: 1.5;\n  white-space: pre;\n}\n.mast__text span {\n  -webkit-animation: letter-glow 0.7s 0s ease both;\n          animation: letter-glow 0.7s 0s ease both;\n}\n.mast__text span:nth-child(1) {\n  -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n}\n.mast__text span:nth-child(2) {\n  -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n}\n.mast__text span:nth-child(3) {\n  -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n}\n.mast__text span:nth-child(4) {\n  -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n}\n.mast__text span:nth-child(5) {\n  -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n}\n.mast__text span:nth-child(6) {\n  -webkit-animation-delay: 0.3s;\n          animation-delay: 0.3s;\n}\n.mast__text span:nth-child(7) {\n  -webkit-animation-delay: 0.35s;\n          animation-delay: 0.35s;\n}\n.mast__text span:nth-child(8) {\n  -webkit-animation-delay: 0.4s;\n          animation-delay: 0.4s;\n}\n.mast__text span:nth-child(9) {\n  -webkit-animation-delay: 0.45s;\n          animation-delay: 0.45s;\n}\n.mast__text span:nth-child(10) {\n  -webkit-animation-delay: 0.5s;\n          animation-delay: 0.5s;\n}\n.mast__text span:nth-child(11) {\n  -webkit-animation-delay: 0.55s;\n          animation-delay: 0.55s;\n}\n.mast__text span:nth-child(12) {\n  -webkit-animation-delay: 0.6s;\n          animation-delay: 0.6s;\n}\n.mast__text span:nth-child(13) {\n  -webkit-animation-delay: 0.65s;\n          animation-delay: 0.65s;\n}\n.mast__text span:nth-child(14) {\n  -webkit-animation-delay: 0.7s;\n          animation-delay: 0.7s;\n}\n.mast__text span:nth-child(15) {\n  -webkit-animation-delay: 0.75s;\n          animation-delay: 0.75s;\n}\n.mast__text span:nth-child(16) {\n  -webkit-animation-delay: 0.8s;\n          animation-delay: 0.8s;\n}\n.mast__text span:nth-child(17) {\n  -webkit-animation-delay: 0.85s;\n          animation-delay: 0.85s;\n}\n.mast__text span:nth-child(18) {\n  -webkit-animation-delay: 0.9s;\n          animation-delay: 0.9s;\n}\n.mast__text span:nth-child(19) {\n  -webkit-animation-delay: 0.95s;\n          animation-delay: 0.95s;\n}\n.mast__text span:nth-child(20) {\n  -webkit-animation-delay: 1s;\n          animation-delay: 1s;\n}\n.mast__text span:nth-child(21) {\n  -webkit-animation-delay: 1.05s;\n          animation-delay: 1.05s;\n}\n.mast__text span:nth-child(22) {\n  -webkit-animation-delay: 1.1s;\n          animation-delay: 1.1s;\n}\n.mast__text span:nth-child(23) {\n  -webkit-animation-delay: 1.15s;\n          animation-delay: 1.15s;\n}\n.mast__text span:nth-child(24) {\n  -webkit-animation-delay: 1.2s;\n          animation-delay: 1.2s;\n}\n.mast__text span:nth-child(25) {\n  -webkit-animation-delay: 1.25s;\n          animation-delay: 1.25s;\n}\n.mast__text span:nth-child(26) {\n  -webkit-animation-delay: 1.3s;\n          animation-delay: 1.3s;\n}\n.mast__text span:nth-child(27) {\n  -webkit-animation-delay: 1.35s;\n          animation-delay: 1.35s;\n}\n.mast__text span:nth-child(28) {\n  -webkit-animation-delay: 1.4s;\n          animation-delay: 1.4s;\n}\n.mast__text span:nth-child(29) {\n  -webkit-animation-delay: 1.45s;\n          animation-delay: 1.45s;\n}\n.mast__text span:nth-child(30) {\n  -webkit-animation-delay: 1.5s;\n          animation-delay: 1.5s;\n}\n.mast__text span:nth-child(31) {\n  -webkit-animation-delay: 1.55s;\n          animation-delay: 1.55s;\n}\n.mast__text span:nth-child(32) {\n  -webkit-animation-delay: 1.6s;\n          animation-delay: 1.6s;\n}\n.mast__text span:nth-child(33) {\n  -webkit-animation-delay: 1.65s;\n          animation-delay: 1.65s;\n}\n.mast__text span:nth-child(34) {\n  -webkit-animation-delay: 1.7s;\n          animation-delay: 1.7s;\n}\n.mast__text span:nth-child(35) {\n  -webkit-animation-delay: 1.75s;\n          animation-delay: 1.75s;\n}\n.mast__text span:nth-child(36) {\n  -webkit-animation-delay: 1.8s;\n          animation-delay: 1.8s;\n}\n.mast__text span:nth-child(37) {\n  -webkit-animation-delay: 1.85s;\n          animation-delay: 1.85s;\n}\n.mast__text span:nth-child(38) {\n  -webkit-animation-delay: 1.9s;\n          animation-delay: 1.9s;\n}\n.mast__text span:nth-child(39) {\n  -webkit-animation-delay: 1.95s;\n          animation-delay: 1.95s;\n}\n.mast__text span:nth-child(40) {\n  -webkit-animation-delay: 2s;\n          animation-delay: 2s;\n}\n.mast__text span:nth-child(41) {\n  -webkit-animation-delay: 2.05s;\n          animation-delay: 2.05s;\n}\n.mast__text span:nth-child(42) {\n  -webkit-animation-delay: 2.1s;\n          animation-delay: 2.1s;\n}\n.mast__text span:nth-child(43) {\n  -webkit-animation-delay: 2.15s;\n          animation-delay: 2.15s;\n}\n.mast__text span:nth-child(44) {\n  -webkit-animation-delay: 2.2s;\n          animation-delay: 2.2s;\n}\n.mast__text span:nth-child(45) {\n  -webkit-animation-delay: 2.25s;\n          animation-delay: 2.25s;\n}\n.mast__text span:nth-child(46) {\n  -webkit-animation-delay: 2.3s;\n          animation-delay: 2.3s;\n}\n.mast__text span:nth-child(47) {\n  -webkit-animation-delay: 2.35s;\n          animation-delay: 2.35s;\n}\n.mast__text span:nth-child(48) {\n  -webkit-animation-delay: 2.4s;\n          animation-delay: 2.4s;\n}\n.mast__text span:nth-child(49) {\n  -webkit-animation-delay: 2.45s;\n          animation-delay: 2.45s;\n}\n.mast__text span:nth-child(50) {\n  -webkit-animation-delay: 2.5s;\n          animation-delay: 2.5s;\n}\n.mast__text span:nth-child(51) {\n  -webkit-animation-delay: 2.55s;\n          animation-delay: 2.55s;\n}\n.mast__text span:nth-child(52) {\n  -webkit-animation-delay: 2.6s;\n          animation-delay: 2.6s;\n}\n.mast__text span:nth-child(53) {\n  -webkit-animation-delay: 2.65s;\n          animation-delay: 2.65s;\n}\n.mast__text span:nth-child(54) {\n  -webkit-animation-delay: 2.7s;\n          animation-delay: 2.7s;\n}\n.mast__text span:nth-child(55) {\n  -webkit-animation-delay: 2.75s;\n          animation-delay: 2.75s;\n}\n.mast__text span:nth-child(56) {\n  -webkit-animation-delay: 2.8s;\n          animation-delay: 2.8s;\n}\n.mast__text span:nth-child(57) {\n  -webkit-animation-delay: 2.85s;\n          animation-delay: 2.85s;\n}\n.mast__text span:nth-child(58) {\n  -webkit-animation-delay: 2.9s;\n          animation-delay: 2.9s;\n}\n.mast__text span:nth-child(59) {\n  -webkit-animation-delay: 2.95s;\n          animation-delay: 2.95s;\n}\n.mast__text span:nth-child(60) {\n  -webkit-animation-delay: 3s;\n          animation-delay: 3s;\n}\n.mast__text span:nth-child(61) {\n  -webkit-animation-delay: 3.05s;\n          animation-delay: 3.05s;\n}\n.mast__text span:nth-child(62) {\n  -webkit-animation-delay: 3.1s;\n          animation-delay: 3.1s;\n}\n.mast__text span:nth-child(63) {\n  -webkit-animation-delay: 3.15s;\n          animation-delay: 3.15s;\n}\n.mast__text span:nth-child(64) {\n  -webkit-animation-delay: 3.2s;\n          animation-delay: 3.2s;\n}\n.mast__text span:nth-child(65) {\n  -webkit-animation-delay: 3.25s;\n          animation-delay: 3.25s;\n}\n.mast__text span:nth-child(66) {\n  -webkit-animation-delay: 3.3s;\n          animation-delay: 3.3s;\n}\n.mast__text span:nth-child(67) {\n  -webkit-animation-delay: 3.35s;\n          animation-delay: 3.35s;\n}\n.mast__text span:nth-child(68) {\n  -webkit-animation-delay: 3.4s;\n          animation-delay: 3.4s;\n}\n.mast__text span:nth-child(69) {\n  -webkit-animation-delay: 3.45s;\n          animation-delay: 3.45s;\n}\n.mast__text span:nth-child(70) {\n  -webkit-animation-delay: 3.5s;\n          animation-delay: 3.5s;\n}\n.mast__text span:nth-child(71) {\n  -webkit-animation-delay: 3.55s;\n          animation-delay: 3.55s;\n}\n.mast__text span:nth-child(72) {\n  -webkit-animation-delay: 3.6s;\n          animation-delay: 3.6s;\n}\n.mast__text span:nth-child(73) {\n  -webkit-animation-delay: 3.65s;\n          animation-delay: 3.65s;\n}\n.mast__text span:nth-child(74) {\n  -webkit-animation-delay: 3.7s;\n          animation-delay: 3.7s;\n}\n.mast__text span:nth-child(75) {\n  -webkit-animation-delay: 3.75s;\n          animation-delay: 3.75s;\n}\n.mast__text span:nth-child(76) {\n  -webkit-animation-delay: 3.8s;\n          animation-delay: 3.8s;\n}\n.mast__text span:nth-child(77) {\n  -webkit-animation-delay: 3.85s;\n          animation-delay: 3.85s;\n}\n.mast__text span:nth-child(78) {\n  -webkit-animation-delay: 3.9s;\n          animation-delay: 3.9s;\n}\n.mast__text span:nth-child(79) {\n  -webkit-animation-delay: 3.95s;\n          animation-delay: 3.95s;\n}\n.mast__text span:nth-child(80) {\n  -webkit-animation-delay: 4s;\n          animation-delay: 4s;\n}\n.mast__text span:nth-child(81) {\n  -webkit-animation-delay: 4.05s;\n          animation-delay: 4.05s;\n}\n.mast__text span:nth-child(82) {\n  -webkit-animation-delay: 4.1s;\n          animation-delay: 4.1s;\n}\n.mast__text span:nth-child(83) {\n  -webkit-animation-delay: 4.15s;\n          animation-delay: 4.15s;\n}\n.mast__text span:nth-child(84) {\n  -webkit-animation-delay: 4.2s;\n          animation-delay: 4.2s;\n}\n.mast__text span:nth-child(85) {\n  -webkit-animation-delay: 4.25s;\n          animation-delay: 4.25s;\n}\n.mast__text span:nth-child(86) {\n  -webkit-animation-delay: 4.3s;\n          animation-delay: 4.3s;\n}\n.mast__text span:nth-child(87) {\n  -webkit-animation-delay: 4.35s;\n          animation-delay: 4.35s;\n}\n.mast__text span:nth-child(88) {\n  -webkit-animation-delay: 4.4s;\n          animation-delay: 4.4s;\n}\n.mast__text span:nth-child(89) {\n  -webkit-animation-delay: 4.45s;\n          animation-delay: 4.45s;\n}\n.mast__text span:nth-child(90) {\n  -webkit-animation-delay: 4.5s;\n          animation-delay: 4.5s;\n}\n.mast__text span:nth-child(91) {\n  -webkit-animation-delay: 4.55s;\n          animation-delay: 4.55s;\n}\n.mast__text span:nth-child(92) {\n  -webkit-animation-delay: 4.6s;\n          animation-delay: 4.6s;\n}\n.mast__text span:nth-child(93) {\n  -webkit-animation-delay: 4.65s;\n          animation-delay: 4.65s;\n}\n.mast__text span:nth-child(94) {\n  -webkit-animation-delay: 4.7s;\n          animation-delay: 4.7s;\n}\n.mast__text span:nth-child(95) {\n  -webkit-animation-delay: 4.75s;\n          animation-delay: 4.75s;\n}\n.mast__text span:nth-child(96) {\n  -webkit-animation-delay: 4.8s;\n          animation-delay: 4.8s;\n}\n.mast__text span:nth-child(97) {\n  -webkit-animation-delay: 4.85s;\n          animation-delay: 4.85s;\n}\n.mast__text span:nth-child(98) {\n  -webkit-animation-delay: 4.9s;\n          animation-delay: 4.9s;\n}\n.mast__text span:nth-child(99) {\n  -webkit-animation-delay: 4.95s;\n          animation-delay: 4.95s;\n}\n.mast__text span:nth-child(100) {\n  -webkit-animation-delay: 5s;\n          animation-delay: 5s;\n}\n.mast__text span:nth-child(101) {\n  -webkit-animation-delay: 5.05s;\n          animation-delay: 5.05s;\n}\n.mast__text span:nth-child(102) {\n  -webkit-animation-delay: 5.1s;\n          animation-delay: 5.1s;\n}\n.mast__text span:nth-child(103) {\n  -webkit-animation-delay: 5.15s;\n          animation-delay: 5.15s;\n}\n.mast__text span:nth-child(104) {\n  -webkit-animation-delay: 5.2s;\n          animation-delay: 5.2s;\n}\n.mast__text span:nth-child(105) {\n  -webkit-animation-delay: 5.25s;\n          animation-delay: 5.25s;\n}\n.mast__text span:nth-child(106) {\n  -webkit-animation-delay: 5.3s;\n          animation-delay: 5.3s;\n}\n.mast__text span:nth-child(107) {\n  -webkit-animation-delay: 5.35s;\n          animation-delay: 5.35s;\n}\n.mast__text span:nth-child(108) {\n  -webkit-animation-delay: 5.4s;\n          animation-delay: 5.4s;\n}\n.mast__text span:nth-child(109) {\n  -webkit-animation-delay: 5.45s;\n          animation-delay: 5.45s;\n}\n.mast__text span:nth-child(110) {\n  -webkit-animation-delay: 5.5s;\n          animation-delay: 5.5s;\n}\n.mast__text span:nth-child(111) {\n  -webkit-animation-delay: 5.55s;\n          animation-delay: 5.55s;\n}\n.mast__text span:nth-child(112) {\n  -webkit-animation-delay: 5.6s;\n          animation-delay: 5.6s;\n}\n.mast__text span:nth-child(113) {\n  -webkit-animation-delay: 5.65s;\n          animation-delay: 5.65s;\n}\n.mast__text span:nth-child(114) {\n  -webkit-animation-delay: 5.7s;\n          animation-delay: 5.7s;\n}\n.mast__text span:nth-child(115) {\n  -webkit-animation-delay: 5.75s;\n          animation-delay: 5.75s;\n}\n.mast__text span:nth-child(116) {\n  -webkit-animation-delay: 5.8s;\n          animation-delay: 5.8s;\n}\n.mast__text span:nth-child(117) {\n  -webkit-animation-delay: 5.85s;\n          animation-delay: 5.85s;\n}\n.mast__text span:nth-child(118) {\n  -webkit-animation-delay: 5.9s;\n          animation-delay: 5.9s;\n}\n.mast__text span:nth-child(119) {\n  -webkit-animation-delay: 5.95s;\n          animation-delay: 5.95s;\n}\n.mast__text span:nth-child(120) {\n  -webkit-animation-delay: 6s;\n          animation-delay: 6s;\n}\n.mast__text span:nth-child(121) {\n  -webkit-animation-delay: 6.05s;\n          animation-delay: 6.05s;\n}\n.mast__text span:nth-child(122) {\n  -webkit-animation-delay: 6.1s;\n          animation-delay: 6.1s;\n}\n.mast__text span:nth-child(123) {\n  -webkit-animation-delay: 6.15s;\n          animation-delay: 6.15s;\n}\n.mast__text span:nth-child(124) {\n  -webkit-animation-delay: 6.2s;\n          animation-delay: 6.2s;\n}\n.mast__text span:nth-child(125) {\n  -webkit-animation-delay: 6.25s;\n          animation-delay: 6.25s;\n}\n.mast__text span:nth-child(126) {\n  -webkit-animation-delay: 6.3s;\n          animation-delay: 6.3s;\n}\n.mast__text span:nth-child(127) {\n  -webkit-animation-delay: 6.35s;\n          animation-delay: 6.35s;\n}\n.mast__text span:nth-child(128) {\n  -webkit-animation-delay: 6.4s;\n          animation-delay: 6.4s;\n}\n.mast__text span:nth-child(129) {\n  -webkit-animation-delay: 6.45s;\n          animation-delay: 6.45s;\n}\n.mast__text span:nth-child(130) {\n  -webkit-animation-delay: 6.5s;\n          animation-delay: 6.5s;\n}\n.mast__text span:nth-child(131) {\n  -webkit-animation-delay: 6.55s;\n          animation-delay: 6.55s;\n}\n.mast__text span:nth-child(132) {\n  -webkit-animation-delay: 6.6s;\n          animation-delay: 6.6s;\n}\n.mast__text span:nth-child(133) {\n  -webkit-animation-delay: 6.65s;\n          animation-delay: 6.65s;\n}\n.mast__text span:nth-child(134) {\n  -webkit-animation-delay: 6.7s;\n          animation-delay: 6.7s;\n}\n.mast__text span:nth-child(135) {\n  -webkit-animation-delay: 6.75s;\n          animation-delay: 6.75s;\n}\n.mast__text span:nth-child(136) {\n  -webkit-animation-delay: 6.8s;\n          animation-delay: 6.8s;\n}\n.mast__text span:nth-child(137) {\n  -webkit-animation-delay: 6.85s;\n          animation-delay: 6.85s;\n}\n.mast__text span:nth-child(138) {\n  -webkit-animation-delay: 6.9s;\n          animation-delay: 6.9s;\n}\n.mast__text span:nth-child(139) {\n  -webkit-animation-delay: 6.95s;\n          animation-delay: 6.95s;\n}\n.mast__text span:nth-child(140) {\n  -webkit-animation-delay: 7s;\n          animation-delay: 7s;\n}\n.mast__text span:nth-child(141) {\n  -webkit-animation-delay: 7.05s;\n          animation-delay: 7.05s;\n}\n.mast__text span:nth-child(142) {\n  -webkit-animation-delay: 7.1s;\n          animation-delay: 7.1s;\n}\n.mast__text span:nth-child(143) {\n  -webkit-animation-delay: 7.15s;\n          animation-delay: 7.15s;\n}\n.mast__text span:nth-child(144) {\n  -webkit-animation-delay: 7.2s;\n          animation-delay: 7.2s;\n}\n.mast__text span:nth-child(145) {\n  -webkit-animation-delay: 7.25s;\n          animation-delay: 7.25s;\n}\n.mast__text span:nth-child(146) {\n  -webkit-animation-delay: 7.3s;\n          animation-delay: 7.3s;\n}\n.mast__text span:nth-child(147) {\n  -webkit-animation-delay: 7.35s;\n          animation-delay: 7.35s;\n}\n.mast__text span:nth-child(148) {\n  -webkit-animation-delay: 7.4s;\n          animation-delay: 7.4s;\n}\n.mast__text span:nth-child(149) {\n  -webkit-animation-delay: 7.45s;\n          animation-delay: 7.45s;\n}\n.mast__text span:nth-child(150) {\n  -webkit-animation-delay: 7.5s;\n          animation-delay: 7.5s;\n}\n.mast__text span:nth-child(151) {\n  -webkit-animation-delay: 7.55s;\n          animation-delay: 7.55s;\n}\n.mast__text span:nth-child(152) {\n  -webkit-animation-delay: 7.6s;\n          animation-delay: 7.6s;\n}\n.mast__text span:nth-child(153) {\n  -webkit-animation-delay: 7.65s;\n          animation-delay: 7.65s;\n}\n.mast__text span:nth-child(154) {\n  -webkit-animation-delay: 7.7s;\n          animation-delay: 7.7s;\n}\n.mast__text span:nth-child(155) {\n  -webkit-animation-delay: 7.75s;\n          animation-delay: 7.75s;\n}\n.mast__text span:nth-child(156) {\n  -webkit-animation-delay: 7.8s;\n          animation-delay: 7.8s;\n}\n.mast__text span:nth-child(157) {\n  -webkit-animation-delay: 7.85s;\n          animation-delay: 7.85s;\n}\n.mast__text span:nth-child(158) {\n  -webkit-animation-delay: 7.9s;\n          animation-delay: 7.9s;\n}\n.mast__text span:nth-child(159) {\n  -webkit-animation-delay: 7.95s;\n          animation-delay: 7.95s;\n}\n.mast__text span:nth-child(160) {\n  -webkit-animation-delay: 8s;\n          animation-delay: 8s;\n}\n.mast__text span:nth-child(161) {\n  -webkit-animation-delay: 8.05s;\n          animation-delay: 8.05s;\n}\n.mast__text span:nth-child(162) {\n  -webkit-animation-delay: 8.1s;\n          animation-delay: 8.1s;\n}\n.mast__text span:nth-child(163) {\n  -webkit-animation-delay: 8.15s;\n          animation-delay: 8.15s;\n}\n.mast__text span:nth-child(164) {\n  -webkit-animation-delay: 8.2s;\n          animation-delay: 8.2s;\n}\n.mast__text span:nth-child(165) {\n  -webkit-animation-delay: 8.25s;\n          animation-delay: 8.25s;\n}\n.mast__text span:nth-child(166) {\n  -webkit-animation-delay: 8.3s;\n          animation-delay: 8.3s;\n}\n.mast__text span:nth-child(167) {\n  -webkit-animation-delay: 8.35s;\n          animation-delay: 8.35s;\n}\n.mast__text span:nth-child(168) {\n  -webkit-animation-delay: 8.4s;\n          animation-delay: 8.4s;\n}\n.mast__text span:nth-child(169) {\n  -webkit-animation-delay: 8.45s;\n          animation-delay: 8.45s;\n}\n.mast__text span:nth-child(170) {\n  -webkit-animation-delay: 8.5s;\n          animation-delay: 8.5s;\n}\n.mast__text span:nth-child(171) {\n  -webkit-animation-delay: 8.55s;\n          animation-delay: 8.55s;\n}\n.mast__text span:nth-child(172) {\n  -webkit-animation-delay: 8.6s;\n          animation-delay: 8.6s;\n}\n.mast__text span:nth-child(173) {\n  -webkit-animation-delay: 8.65s;\n          animation-delay: 8.65s;\n}\n.mast__text span:nth-child(174) {\n  -webkit-animation-delay: 8.7s;\n          animation-delay: 8.7s;\n}\n.mast__text span:nth-child(175) {\n  -webkit-animation-delay: 8.75s;\n          animation-delay: 8.75s;\n}\n.mast__text span:nth-child(176) {\n  -webkit-animation-delay: 8.8s;\n          animation-delay: 8.8s;\n}\n.mast__text span:nth-child(177) {\n  -webkit-animation-delay: 8.85s;\n          animation-delay: 8.85s;\n}\n.mast__text span:nth-child(178) {\n  -webkit-animation-delay: 8.9s;\n          animation-delay: 8.9s;\n}\n.mast__text span:nth-child(179) {\n  -webkit-animation-delay: 8.95s;\n          animation-delay: 8.95s;\n}\n.mast__text span:nth-child(180) {\n  -webkit-animation-delay: 9s;\n          animation-delay: 9s;\n}\n\n@-webkit-keyframes letter-glow {\n  0% {\n    opacity: 0;\n    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);\n  }\n  66% {\n    opacity: 1;\n    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);\n  }\n  77% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.7;\n    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);\n  }\n}\n\n@keyframes letter-glow {\n  0% {\n    opacity: 0;\n    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);\n  }\n  66% {\n    opacity: 1;\n    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);\n  }\n  77% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0.7;\n    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);\n  }\n}<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;JavaScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;js&quot;}\">(function ($) {\n  var s,\n    spanizeLetters = {\n      settings: {\n        letters: $(&quot;.js-spanize&quot;)\n      },\n      init: function () {\n        s = this.settings;\n        this.bindEvents();\n      },\n      bindEvents: function () {\n        s.letters.html(function (i, el) {\n          \/\/spanizeLetters.joinChars();\n          var spanizer = $.trim(el).split(&quot;&quot;);\n          return &quot;&lt;span&gt;&quot; + spanizer.join(&quot;&lt;\/span&gt;&lt;span&gt;&quot;) + &quot;&lt;\/span&gt;&quot;;\n        });\n      }\n    };\n  spanizeLetters.init();\n})(jQuery);<\/pre><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":561,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[17,40],"class_list":["post-560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-effect","tag-jquery","tag-text"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":0,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/561"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}