Animating the Stroke Dashoffset #26 - Asp.Net Core, Angular and Webpack
In this video we will add a message and svg element to our send screen component. Visit https://www.excitoninteractive.com/ar... to see the code for this video.
Please join us on:
************************
Facebook - / xcinteractive
Twitter - / xcinteractive
Google+ - https://plus.google.com/b/10481223491...
Article Abstract
************************
In this article we will add a message and svg element to our send screen component. The send screen will display a default message whenever the it is animated into view in response to the user clicking the send button and we will animate the changing of that message once a response is received from the server. We will also animate one or more svg elements along with the updating of the message. For the svg elements we will be animating a property name the stroke dashoffset which will result in it appearing that we are actually drawing them on the screen. When we are done with this article we will be able to respond to an error from the server if the user is attempting to login. In subsequent articles we will deal with the rest of the communication possibilities from the server.
Credits
************************
Clap Along by Audionautix is licensed under a Creative Commons Attribution license https://creativecommons.org/licenses/...
Artist: http://audionautix.com/