How to ad input animated border to contact form


Topic: How to ad input animated border to contact form

demzl25 pro premium priority asked 5 years ago

Hi,

How can i ad input animated border to "animate from center to the end" to contact form like in this example in the link below

https://codepen.io/lehollandaisvolant/pen/aNQNjx

Thanks, Damjan


Adam Jakubowski staff pro premium priority answered 5 years ago

Hi,

Do you mean something like that ?https://mdbootstrap.com/docs/jquery/forms/inputs/#animated-inputs

Best,

Adam


demzl25 pro premium priority commented 5 years ago

Yes like that, but without grey background only animated input bottom border.

Thanks, Damjan


Adam Jakubowski staff pro premium priority commented 5 years ago

Okay, if you don't want to have a gray background then add this

input{
    background-color: transparent !important;
}

into your css code.

Best, Adam


demzl25 pro premium priority commented 5 years ago

Thanks for help, Damjan


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.8.8
  • Device: destop
  • Browser: chrome
  • OS: window 10
  • Provided sample code: No
  • Provided link: Yes
Tags