.NET (Core and Framework)

.wrapper p.change_link a {
    display: inline-block; 
    font-weight: bold;
    padding: 3px 6px;
    color:#ffffff;
    margin-left: 10px;
    text-decoration: none;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s  linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s  linear;
    transition: all 0.4s  linear;
}

.change_link
{
 font-weight:550; 
 margin-left: 30px;
 color:#23C1B0;
 font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
font-size:17px;     

}

<h1>toregister:target ~ .wrapper #register,</h1>

<h1>tologin:target ~ .wrapper #login{</h1>

    z-index: 22;
    -webkit-animation-delay: .6s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease-in;
    -o-animation-delay: .6s;
    -o-animation-timing-function: ease-in;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease-in;
    animation-delay: .6s;
    animation-timing-function: ease-in;
    -webkit-animation-name: scaleIn;
    -moz-animation-name: scaleIn;
    -ms-animation-name: scaleIn;
    -o-animation-name: scaleIn;
    animation-name: scaleIn;
}

#toregister:target ~ .wrapper #login,
<h1>tologin:target ~ .wrapper #register{</h1>

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scaleOut;
    -moz-animation-name: scaleOut;
    -ms-animation-name: scaleOut;
    -o-animation-name: scaleOut;
    animation-name: scaleOut;
}
/** the actual animation, credit where due : <a href="http://daneden.me/animate/">http://daneden.me/animate/</a> */
.animate{
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;

    -moz-animation-duration: 0.5s;
    -moz-animation-fill-mode: both;

    -o-animation-duration: 0.5s;
    -o-animation-fill-mode: both;

    -ms-animation-duration: 0.5s;
    -ms-animation-fill-mode: both;

    animation-duration: 0.5s;
    animation-fill-mode: both;
}

@using (Html.BeginForm("Register", "Account", FormMethod.Post))

{<br />
      @Html.AntiForgeryToken()
   @Html.ValidationSummary(true, "Registeration Failed, fields.");

<pre>
<label data-icon="u"> </label>
@Html.EditorFor(user => Model.UserName, new { htmlAttributes = new { @class = "form-control", placeholder = "username" } })
@Html.ValidationMessageFor(user => Model.UserName)

<label data-icon="e"> </label>
@Html.EditorFor(user => Model.Email, new { htmlAttributes = new { @class = "form-control", placeholder = "mymail@mail.com" } })
@Html.ValidationMessageFor(user => Model.Email)

<label data-icon="p"> </label>
@Html.EditorFor(user => Model.Password, new { htmlAttributes = new { @class = "form-control", placeholder = "password" } })
@Html.ValidationMessageFor(user => Model.Password)

<input type="submit" value="Sign Up">
<p class="change_link">  Already a member ?<a href="#tologin" class="to_register"> Log in </a></p</pre>

@using (Html.BeginForm(null, null, null, FormMethod.Post, new { @action = Url.Action("Register", "Account") + "#toregister" })
{
    ...
}

Meax wrote:

but i am not getting correct data.