New Line add in whatsapp web share link

How do I add a line break in my SMS message?

To add a new line in the message body of outgoing SMS messages, there are a few options below if sending via the API.

\n Character

• If you're using a JSON request body, you can use "\n" e.g. "body" : "Here is my first line\nhere is my second line",
• If that doesn't work, try "\r\n" e.g. "body" : "Here is my first line\r\nhere is my second line",

<br> HTML Tag

Use "<br>" in the message body e.g. "Here is my first line<br>here is my second line"

%0a New Line Character

Encode a new line as %0a. For example, you could send a message like the following:
"Body=Here+is+my+first+line%0aHere+is+my+second+line"

Line Break Character

Use a new line in your body string e.g.
"Body=Here+is+my+first+line

Here+is+my+second+line"

Calling vibrate effect css

Demo2 :  https://bootsnipp.com/snippets/Vg6bN

<style type="text/css">

body {
  background: #71AFFF;
  padding: 100px;
}
.call-animation {
    background: #fff;
    width: 135px;
    height: 135px;
    position: relative;
    margin: 0 auto;
    border-radius: 100%;
    border: solid 5px #fff;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}
 img {
        width: 135px;
        height: 135px;
        border-radius: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
    }
@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
    }

}

</style>



<div class="call-animation">
<img class="img-circle" src="https://placeimg.com/400/400/people" alt="" width="135"/>
</div>