Sunday 8 February 2015

full page image slider jquery

http://www.freshdesignweb.com/fullscreen-jquery-slider.html
http://www.sitepoint.com/responsive-fullscreen-background-image-plugins/
http://front-endmagazine.com/fullscreen-background-slideshow-jquery-plugins/
http://ibrandstudio.com/tutorials/jquery-slider-tutorials-for-online-portfolio

::after is a pseudo element which allows you to insert content onto a page from CSS (without it needing to be in the HTML). While the end result is not actually in the DOM, it appears on the page as if it is, and would essentially be like this:

div::after {
  content: "hi";
}

same in html

<div>
  <!-- Rest of stuff inside the div -->
  hi
</div>

::before is exactly the same only it inserts the content before any other content in the HTML instead of after. The only reasons to use one over the other are:

You want the generated content to come before the element content, positionally.
The ::after content is also "after" in source-order, so it will position on top of ::before if stacked on top of each other naturally.