SR-Transition Created by RecaMedia. This templates have specific characteristics, namely: SR-Transition has features such as High Resolution: No, Compatible Browsers: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Software Version: jQuery .

You can use this SR-Transition on Javascript category for ajax, animation, fade, javascript, jquery, pushstate, transitions and another uses.

© Copyright by RecaMedia


  • None: None
  • Jquery: jQuery
  • No: No
  • Ie9, ie10, ie11, firefox, safari, opera, chrome: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
  • Javascript js, html, css: JavaScript JS, HTML, CSS



SR-Transition is a jQuery based script which allows smooth transitions from page to page within a website using your basic options of a circle shape mask or fade. The Goal behind creating this script was to achieve a great transition animation with ease of use and implementation.

  • Supports Form Submission – Through the options, you’re able to specify the selectors for submit buttons. This way, the transitions are handled via post.
  • Two Available Transitions – You have the option of choosing between a circle mask transition or a simple fade effect. The fade effect is more of a neutral transition which can be used with any theme or style.
  • Custom CSS Classes – Want or need a unique css property added to the view wrapper? Use the available options to add your custom class.
  • Unique Safari Mobile Support – Apple loves to set their own trends. On Safari mobile, when a user is scrolling down, you’ll notice the back and forward buttons tend to disappear. This creates a problem when displaying your content using height:100% & overflow:auto. So the script detects when you’re using Safari on a mobile device to include some special treatment.


  • This script requires a server/virtual server including the listed dependencies below.


  • jQuery – jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • HistoryJS – History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers.
  • jQuery Color – jQuery plugin for color manipulation and animation support.

Dependencies already included.