J'essaie d'intégrer l'effet de machine à écrire This.Intégrer l'effet de machine à écrire css/js, jsfiddle
J'ai essayé sa mise en place ici https://jsfiddle.net/74cq52az/
mais pas de chance, quelqu'un peut-il jeter un oeil et me donner un indice ce qui ne va pas?
J'ai suivi les étapes incluses dans la description.
HTML
<script src="www.cognition-webdesign.dk/wp-content/themes/cognition/js/Typist-master/dist/typist.js"></script>
<strong id="typist-element" data-typist="sut,min,dut">great</strong>
CSS
@keyframes blink {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blink {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
#typist-element {
&:after {
content: " ";
display: inline-block;
height: 47px;
position: relative;
top: 10px;
margin-left: 3px;
margin-right: 7px;
width: 4px;
background: #06a44d;
animation: blink 1s step-start 0s infinite;
-webkit-animation: blink 1s step-start 0s infinite;
}
}
.selectedText {
}
Javascript
(function() {
var typist;
typist = document.querySelector('#typist-element');
new Typist(typist, {
letterInterval: 60,
textInterval: 3000.
});
}.call(this));
Je vois, eh bien j'espérais que je serais en mesure de résoudre mon problème réel en le plaçant dans cette environnement fermé, mais cela ne m'aide pas du tout. Ne fonctionne pas sur mon site Web au début où il est dit "génial" – Vegapunk