Oct 03, · I personally think that it’s a great idea as long as there’s plenty of room to click to “escape” the modal page. They are great for things such as logging in/registering where you don’t need any of that extra “junk” on the webpage, and to let the user focus more easily on the important elements. 50+ Free HTML5 And CSS3 Login Forms. For such applications, The login form is the first user interface element a user might experience. So designing a good login screen is a must have for such applications. Designing a login screen is a tricky part for UI designers. Mac OS Login in CSS. Live Demo Source. Login Modal. Live Demo Source. How to use: Open text editor like Notepad or any other. Copy HTML code and paste into the text editor. Save file as sciencesbookreview.com or sciencesbookreview.com; Create new document. Copy and paste CSS .