All geek questions in one place

How was this search page implemented (javascript, css, jquery?)?

http://designspiration.net - If you click on the search at the top of the page, you will be presented with a really cool minimal search form, but I can’t understand how they did it. Does anyone know / can anyone know what was used? Thanks

+4
source share
2 answers

This is done using CSS and jQuery, quite simply. I created a jsFiddle example demonstrating how to do this:

$(document).ready(function(){ var $overlay = $('#overlay'); $('#search').click(function(){ if ( $overlay.is(':visible') ) { $overlay.fadeOut(); } else { $overlay.fadeIn(); } }); $('#close').click(function(){ $overlay.fadeOut(); }); });

Take a look here: http://jsfiddle.net/peduarte/VeRMW/

Key features: click , fadeIn and fadeOut .

+6
source

It uses an overlay on the entire page and a large text field with no borders, which are searched for as you type and some sentences

You can do it with jQuery and CSS

+2
source

Source: https://habr.com/ru/post/1383597/

More articles:


All Articles