Tampilkan postingan dengan label effects. Tampilkan semua postingan
Tampilkan postingan dengan label effects. Tampilkan semua postingan

Kamis, 05 Desember 2013

Platinum3D Content Animator - Standalone Version (3D)




Real HTML5 3D Engine for your Website!



The revolution has been arrived, you can now turn your website HTML elements to 3D. Included more than 50 predefined animations and more than 650 Google Fonts to customize your own styles.







Creating Animations Has Never Been Easier!




Responsive, mobile touch-friendly, HTML5 animations


You can choose click or hover event. The Content Animator can fit to responsive and non-responsive elements. It’s your choice, which one you want to use.
If you not specify width and height, the element automatically fit to the parent element.






Easy to configure your own styles


You can fully customize your own custom styles. Choose from more than 50 animations, more than 650 font styles and a lot of options.

Compatible with all major browers



Platinum3D Content Animator tested on Firefox, Internet Explorer, Opera, Chrome and Safari.
Animations using the newest HTML5 standards. You can find more than 50 transition-style animations (sliding, fading, flipping and more effects).




Unlimited usability, everything depends on your fantasy


You can create for example animated, Google Map supported Contact Us block, fancy gallery with sliding effect, product info box with flip animation (to display additional information about the item), book-styled testimonials section with auto-open effect and whatever you like!
It is really just up to you!

More Animation Options, More Efficiency


You can set up to start the animations automatically on your Website.
It is also possible to set the time to start the animations after the page is loaded. Easy to specify the number of repeats. When you set number one, the animations will run once.
This can be useful with a book-styled effect, because you can open the “book” with this option.
Without this setting, the elements will be animated continuously. (useful for logo or similar)

Currently supported HTML elements are:

  • <img>

  • <div>

  • <p>

  • <iframe> (on the back side with onclick animation)

  • <a>



Features



  • turn HTML elements to 3D

  • works on all major browers

  • more than 50 animations

  • auto-start animation (adjustable time: data-autocontent=”3” mean the animation will repeat in every 3sec)

  • auto-loop animation feature (set the number of repeated animations, data-autoloop=”1” will open once, data-autoloop=”2” will open and close, if you not specify, it will be repeated continuously)

  • simple usage, just add data-content attribute to the element and it will turned to 3D immediately

  • included more than 650 Google Fonts

  • easy to customize your own styles

  • add shadows to the front, member or the back sides

  • you can set the animation speed for each element separated

  • ability to align the content to the left, center, right and/or the top, middle, bottom of the block

  • unlimited usability, everything is depends on your fantasy, create gallery, testimonials, download box, product info box, logo animation, contact info with google maps, etc.

  • fit to the non-responsive and to the reponsive elements as well

  • more than 15 predefined demo styles with full features

  • separated back, front and member view, you can create different content for the registered users

  • you can set background color, font color, font size, any custom HTML, vertical- and horizontal align

  • full HTML5 animations

  • responsive elements automatically fit to the parent element and resize itself when the window size has been changed

  • lot of options to use the custom styles (with or without content, set only the font family, set only the font-size, etc.)

  • ability to start animation with onclick and close when click on anywhere (multiple close works as well)

  • usable html elements in data-content attribute, like data-content=”[br]text[br]”

  • option to create completely different style for member and non-member users (content can be different as well)

  • dynamic style creating with or without content

  • back and member sides automatically resized to the front side



Simple Usage



Original: <img src=”example_image.jpg”>

Extended: <img data-content=”simple example” src=”example_image.jpg”>

That’s all!

SUPPORT


If you have any question or feedback, please feel free to email via my user page contact form.

WORK WITH US – JUST SPREAD THE WORD



It is very simple, just share the following link on your Blog, Facebook, Twitter or anywhere : http://codecanyon.net/item/platinum3d-content-animator-standalone-version/5383077?ref=yourusername (replace yourusername to your Codecanyon username)

When you refer new users you’ll receive 30% of their first purchase or cash deposit! For detailed informations about the referral comission, click here.



Check out the demo pages:






Credits


I owe a big thank you for the following websites:

Advanced CSS3 Hover Effects 5 w/ Banners (Animations and Effects)

More Advance Hover Effects with new hover effects using CSS3 keyframes, filters, transitions along with transition and animation delays to help with a timing structure. The images that are used are sprite images. Very easy to use, alter and ready to go. There is no JavaScript and no JQuery in the code only CSS3 and HTML.




As a note: These work in most updated browsers and can guarantee that it works for IE8 and IE7.

CSS3 Image - Text Hover Effects (Animations and Effects)


Follor me





Features:



8 Standard Background Animations.
Multiple Background Animation in 1 Hover.
More than 15 Background Combinations.
14 Text Effects.
2 Background colors. (Light and Dark).
8 Box Sizes:

  • – Vertical SmallBorder

  • – Vertical NoBorder

  • – Horizontal Bigsquare SmallBorder

  • – Horizontal Bigsquare NoBorder

  • – Horizontal Smallsquare SmallBorder (Thumbnails)

  • – Horizontal Smallsquare NoBorder (Thumbnails)

  • – Horizontal Full SmallBorder (Full Width)

  • – Horizontal Full NoBorder (Full Width)


You can see all the 8 box Sizes in the video.

Background Animation



We got 8 different background animations. But you can use more than 1 animation at the same time.
And you can also choose 1 of the 14 text effects.
You control your hovers.




Browsers



Chrome
Firefox
Safari
Opera
IE 9 (Note: Animations will not work in IE9)
IE10
Mobile
Tablet.




Photos



Note that the images are not included when you buy the files.




Drops On Bright Orange Flower
The Drongo Love
Sunfall
Cherry Blossoms
Piano strings
Fujifilm Velvia
Bubbles
In the bokeh forest




No Name
TIME FLIES
Mr. Cab Driver
A Cup of Bokeh, please?
LOOK AT ME
Drink today and drown all sorrow
Fairy Dust.
BLESS THE WEATHER.

Bootstrap Icons Animator (Animations and Effects)

Bootstrap Plugin



Bootstrap Icons Animator is solution coded for revive Your website icons.
No alternative solution available, if You found, please let me know.



Plugin Features




  • 18 hover effects

  • 5 display modes

  • Works with all Twitter Bootstrap icons (glyphicons)

  • Major browsers support

  • Easy installation – include CSS file to use

  • CSS based solution, no JavaScript required

  • Intuitive integration

  • Works with all navigation bootstrap elements (not only buttons)

  • Free updates



Whats included




  • CSS file with 77 CSS3 rules (15 KB)

  • HTML documentation



Plugin Live Preview


See plugin in action







Flag Counter

Multipurpose Before After Slider (Galleries)



Want to showcase your case studies and demonstrate difference between original Vs. new image?
This plugin can help you do that easily and effectively.











  1. Responsive



  2. Touch & Swipe enabled



  3. Create unlimited sliders



  4. Add as many “original Vs. new” image sets in slider as you want



  5. Update existing images, mess with setting or do anything you want with novice friendly admin panel



  6. Integrate slider gallery on pages, posts or in widgets as well.



  7. No critical shortcodes to edit or documentation to study. Get started at first sight.





Multipurpose Before After Slider plugin is designed to compare two different images, considering simplicity at it’s core. We, ourself needed this kind of plugin for one of our ambitious project. However current existing other solutions were too confusing and difficult to implement. Hence here is our genuine attempt to create something simple and easy to use.





































































































Few important differentiators which are not offered by any other similar WordPress plugin –






  1. Can be integrated in widgets as well



  2. Extended license for theme developers



  3. Offers two ways to compare images – Traditional & jQuery Effect



  4. No clicking & dragging; just hover and move. Better user experience




  5. Easiest to get started with. You will not have to play with complicated shortcodes




We enjoyed working on this project and hope you will like it as much as we do!

Changelog:


November 20, 2013 – Version 2.1

- Improvement: Documentation
- Improvement: Default Settings
- New: Added Component for Visual Composer


October 19, 2013 – Version 2.0

- Front-end design of the slider is revamped completely
- More settings for the admin to control display of the front-end
- Design changes in the admin settings panel



Note: Old buyers should redownload the the plugin and replace all files in wp-content/plugins/baslider folder to enjoy the updates :-)

MooFolio Portfolio Gallery Plugin (Galleries)


Hover to Open – Click to load!


  • Wordpress Dynamic Post Gallery

  • Works With All Post Types

  • Shortcode Enabled – Add shortocde to any page to add a gallery.

  • Query Posts by category or tags

  • InfiniteScroll Loading of Posts – When the bottom of the container is reached more posts will be fetched via Ajax.

  • Endless Parameters – Fully Customizable.

  • 230+ Entypo Icons to use for front panel view icon.

  • Full Post content inside content panel.

  • Video/Audio Embedding – Custom html content and video embedding enabled on content panel above the exceprt text. Embed Vimeo videos and Soundcloud.

  • Lightboxed Slideout Gallery – All images added to the post are show as a slideout lightboxed image gallery on the content panel.

  • Customizable widths – Set gallery item widths.

  • Responsive Masonry Layout – Isotope masonry layout with responsive relayouts.

  • Options – Set title lengths, post category name, post order, icon size, posts per page, max number of pages and more.

  • CSS Transitions Effects – Multiple Panel Effects.

  • Browser Compatibility – All major browsers supported(No Video Embed for IE, known stying issue).

  • Videos and shortcode examples and parameter option doc built into the plugin settings file.

  • Same great support

Multipurpose Before After Slider (Galleries)



Want to showcase your case studies and demonstrate difference between original Vs. new image?
This plugin can help you do that easily and effectively.











  1. Responsive



  2. Touch & Swipe enabled



  3. Create unlimited sliders



  4. Add as many “original Vs. new” image sets in slider as you want



  5. Update existing images, mess with setting or do anything you want with novice friendly admin panel



  6. Integrate slider gallery on pages, posts or in widgets as well.



  7. No critical shortcodes to edit or documentation to study. Get started at first sight.





Multipurpose Before After Slider plugin is designed to compare two different images, considering simplicity at it’s core. We, ourself needed this kind of plugin for one of our ambitious project. However current existing other solutions were too confusing and difficult to implement. Hence here is our genuine attempt to create something simple and easy to use.





































































































Few important differentiators which are not offered by any other similar WordPress plugin –






  1. Can be integrated in widgets as well



  2. Extended license for theme developers



  3. Offers two ways to compare images – Traditional & jQuery Effect



  4. No clicking & dragging; just hover and move. Better user experience




  5. Easiest to get started with. You will not have to play with complicated shortcodes




We enjoyed working on this project and hope you will like it as much as we do!

Changelog:


November 20, 2013 – Version 2.1

- Improvement: Documentation
- Improvement: Default Settings
- New: Added Component for Visual Composer


October 19, 2013 – Version 2.0

- Front-end design of the slider is revamped completely
- More settings for the admin to control display of the front-end
- Design changes in the admin settings panel



Note: Old buyers should redownload the the plugin and replace all files in wp-content/plugins/baslider folder to enjoy the updates :-)

Rabu, 04 Desember 2013

Socio Motion Photo Face Wall (Social Networks)

A first of its kind plugin to create a dynamic and responsive photo thumbnail wall out of your Facebook friends. Share content with friends just on a click of a tile. Use tons of animation effects to switch between tiles. Configure the number of rows, columns, width, height and everything else you like. The plugin is built 100% using jQuery & love and works everywhere.




Features




1.Responsive by design
2.Share a link to friend just with 1 click.
3.Simplest Facebook authentication.
4.Control the number of photos to display
5.Cool effects
6.Animation speed control
7.Parallel tile movement
8.Hover to move
9.Full documentation & Live demos

Jssor Slider jQuery Plugin, Touch & Responsive (Sliders)






Demo – Sliders:






Demo – Slideshow Effects:




Touch + drag navigation on touch device

    
When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down.




Freeze slideshow/caption animation when touch

    
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.




Continue or rollback slideshow/caption animation when release touch

    
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch.




Responsive at realtime, scale smoothly with no delay

    
If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation.




Instant interaction, action at realtime

    
Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.




Best performance slider guarantee

    
Jssor slider is announced as one of the best performance sliders. No-Jquery minimum 17KB javascript code by smart compression. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)




360+ slideshow effects/transitions

    
Jssor slider comes with 360+ impressive slideshow effects/transitions




The most smooth animation engine optimized by performance balance




390+ caption effects/transitions

    
Jssor slider comes with 390+ impressive caption effects/transitions




Horizontal/vertical drag by auto detect

    
Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation.




Most reliable slider

    
Jssor slider is cross browser slider, it support wide range of browsers, Chrome 3+, Firefox 2+, IE 6+, Safari 3.1+, Opera 10+. Jssor slider is also cross plat form browser, iOS, Android, Windows, Windows Surface and Mac are all supported.




Most scalable slider

    
Jssor slider is one of most scalable slider. It comes with 30+ (still growing) professional themes. All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format.




Other Features:



  • Optional thumbnails, tabs or bullets navigation

  • Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal

  • Touch drag navigation for thumbnail navigator is allowed

  • Use any html/css code to customize thumbnail to anyformat

  • Multiple sliders in one page

  • Any html code can be placed inside slide

  • Free support and upgrades

  • Add unlimited amount of captions

  • Set caption animation to chain mode

  • Set caption animation to flatten mode

  • Rollback caption animation when touch end/mouse up

  • Move, fade, clip, zoom and rotation transitions are all supported for all browsers

  • Composite move, fade, clip, zoom and rotation in one transition is allowed

  • Javascript code deep compression by smart compression engine

  • Arrow key navitation, navigate slider by click keyboard arrow left/right

  • HTML caption with animation (390+ caption transitions)

  • Caption animation speed adjustable by change ’$Duration’ value of caption transition

  • Can add static content to each slide

  • Disable drag is allowed

  • Auto slideshow with optional pause on hover

  • Slider can be put anywhere (lightbox, or any container)

  • Can set spacing between slides

  • SEO friendly, any html code can be added to each slide, all are exposed directly to search engine


jQuery Preview Slider (Sliders)

Introduction




As many jQuery plugins, jQuery Preview Slider is a subtle combination of HTML, CSS and jQuery. It is a flexible image slider optimized for full width of the screen. It offers you preview of the next and previous slides. You can customize the navigation buttons, transition speed and transition type.




Features


  • jQuery driven image slider

  • Responsive design

  • Multiple navigation controls: buttons, image click, keyboard

  • Auto scrolling / Circular scrolling

  • Fading and sliding transitions effects

  • Easing on transitions

  • Documentation

  • Compatible with all major browsers (IE8 and above , Chrome, Firefox, Safari and Opera)

  • Customizable navigation buttons style

jQuery Animated Pagination (Navigation)



Follow me on CodeCanyon



Subscribe to RSS Feed



Overview



Animated Pagination is a jQuery plugin for auto pagination with animation effects like crossfade, slide etc. No server side programming is needed.



Examples





Features



  • Works with any content (tables, lists, div elements etc…)

  • Different animation effects like crossfade, slide etc.

  • Fully customizable styles

  • Works in all major browsers

  • Annotated source code

  • JSDoc documentation



Browser Compatibility



  • Internet Explorer 7+

  • Firefox

  • Chrome

  • Safari

  • Opera



jQuery Compatibility



  • Works with jQuery from version 1.7.

  • Works with jQuery 2.x versions.