Comments (3)
hi @psmod2
Also what exactly does the html-mode: Enable the html parse mode mean?
It means you can write HTML inside your type-strings and it will be rendered as HTML, for example as in the demo code: type-strings="it supports <code>html markup</code>^750 and timings^500"
However once it is over - how do i hide the cursor, or at least have it flashing?
For the blink effect you have to do it yourself, but there is an example in the project, you can grab that and add it your css file or write a new one, be sure to use typed-cursor class selector.
.typed-cursor {
animation: blink-animation 850ms steps(5, start) infinite;
-webkit-animation: blink-animation 850ms steps(5, start) infinite;
margin-left: 2px;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
In order to hiding it once the typing has done I need to add more options to the component.
from angular-typed.
I also have to improve the guide because from your questions I understand that it is not sufficiently clear, any suggestion? would you like to see some example in particular?
from angular-typed.
Hi,
Sorry for the late reply.
Thanks for the above CSS - will give it a go now.
Yeah, so the documentation, I felt the biggest thing was giving an example case of how to add an array of strings (as I feel that's probably the biggest use case of your module).
And of course, the ability to add the cursor would be great too.
Take it easy,
Thanks again for the great module - really useful!
from angular-typed.
Related Issues (5)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-typed.