Select Page

Tag: User Experience

OTP Input Complete User Interface

OTP Input Complete User Interface

OTP Input Complete User Interface Here is a working demo with HTML, CSS, and jQuery Script for the complete functional OTP user interface for you web pages. DEMO See the Pen OTP Input by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div...

Fadein Effect to Web Page on Page Load

Add the following styles to your stylesheet or as internal styles and you are ready.@keyframes pageFadeIn {  from { opacity:0; }  to { opacity:1; }}@-moz-keyframes pageFadeIn {  from { opacity:0; }  to { opacity:1; }}@-webkit-keyframes pageFadeIn...

Smooth page load script to avoid font flickering

The best way to avoid font flickering during page loads is to apply a CSS animation – fade in effect during the page load. Please have a look at the following script and include it in your CSS file or as an internal CSS:@keyframes pageFadeIn {  from {...