Tampilkan postingan dengan label effect. Tampilkan semua postingan
Tampilkan postingan dengan label effect. Tampilkan semua postingan

Kamis, 05 Desember 2013

Panoramic Slider - Background effect for iOS Apps (iOS)

Want to liven up your iOS app? Panoramic Slider allows you to do just that! Panoramic Slider adds a smooth and efficient panoramic effect to your background image in your iOS Apps (very similar to the Android Panoramic wallpaper effect). It is very easy to customise and works on the iPhone and iPad.




Key Features:




-> Very smooth Panoramic wallpaper effect for iOS.




-> Efficient panoramic effect uses minimal system resources!




-> Easy to customise via Interface Builder.




-> Includes an easy to follow PDF Developer Guide.




-> Storyboard and XIB support.




-> Supports iPhone, iPad and iPod Touch.




-> Retina Display and 4 inch iDevice support.

CSS Pricing Tables with Hover Effect (Pricing Tables)

CSS Pricing Tables with Hover Effect




Individual Pricing Tables with nice Hover Effects



Easy to use the beautiful and colorful Pricing Tables for their own website.
Simply insert into the existing CSS file and enjoy the new Pricing Tables.
Created with rounded corner, box-shadow and nice hover effects.
It degrades nicely on older browsers, e.g. IE7 and IE8.




Features




  • 9 color variations

  • 5 table styles

  • 21 available ribbons

  • 14 available icons

  • optional tooltip on mouseover

  • Easy to change color-set – simply change the class

  • It works standalone



Attention – Browser-Support




  • IE7 and IE8 does not support rounded corners

Unlimited - 792 Flat Multipurpose CSS3 Buttons (Buttons)

Unlimited is a flat multipurpose button set with 18 predefined icons and 22 predefined colors. You can start using cross-browser CSS3 flat icons in your websites/plugins in less than 30 seconds.


Features:



  • CSS3 Hover Animations

  • Fully customizable/scalable buttons. The only images are used for icons.

  • 18 Predefined Icons (PSD’s included)

  • 20 Predefined Colors

  • All buttons work well with any color on both Light and Dark backgrounds

  • Unlimited color options with just CSS

  • Easily add custom icons with CSS

  • Simple & Clean Documentation

  • 1 line usage




It’s ideal for any kind of website like social networks, wordpress blogs, admin panels. It fits well in any other skin and plugin too.



Please rate if you like it! If you need any help just let me know.



Font used: Open Sans

CSS Icon Round Buttons with Hover Effects (Buttons)

Colorful Round CSS Buttons with nice Hover Effects



Easy to use the beautiful and colorful icon css round buttons for their own website.
Simply insert into the existing CSS file and enjoy the new round CSS buttons.
Created with rounded corner, box-shadow and nice transition hover effects.
It degrades nicely on older browsers, e.g. IE7 and IE8.




Features




  • 30 button variations

  • 3 available sizes (mini, normal, large)

  • 8 color variations

  • 6 button styles

  • 5 hover effects

  • Easy to change color-set – simply change the class

  • With individual icon

  • Images are used for icons

  • It works standalone



Attention – Browser-Support




  • IE7 and IE8 does not support rounded corners

  • IE9 does not support css transition hover effects

Colorful CSS3 Buttons (Buttons)

Easy to use the beautiful and colorful CSS buttons for their own website.
Simply insert into the existing CSS file and enjoy the new CSS3 buttons.
Created with rounded corners and nice hover effects.
It degrades nicely on older browsers, e.g. IE7 and IE8.




Features




  • 2 CSS button versions

  • 10 button versions

  • 8 color variations

  • Each button color is divided into 3 color versions (lite, regular, dark)

  • 3 available sizes (mini, normal, large)

  • Easy to change color-set – simply change the class

  • With optional button subtext

  • Optional icon on the left and right side (replace icons on css file)

  • Images are used for gradient and icons (.gif)

  • It works standalone

Unlimited - 792 Flat Multipurpose CSS3 Buttons (Buttons)

Unlimited is a flat multipurpose button set with 18 predefined icons and 22 predefined colors. You can start using cross-browser CSS3 flat icons in your websites/plugins in less than 30 seconds.


Features:



  • CSS3 Hover Animations

  • Fully customizable/scalable buttons. The only images are used for icons.

  • 18 Predefined Icons (PSD’s included)

  • 20 Predefined Colors

  • All buttons work well with any color on both Light and Dark backgrounds

  • Unlimited color options with just CSS

  • Easily add custom icons with CSS

  • Simple & Clean Documentation

  • 1 line usage




It’s ideal for any kind of website like social networks, wordpress blogs, admin panels. It fits well in any other skin and plugin too.



Please rate if you like it! If you need any help just let me know.



Font used: Open Sans

Pure CSS Image Accordion vertical (Animations and Effects)

Image Accordion vertical without Javascript



Easy to use the beautiful Image Accordion vertical for their own website.
Simply insert into the existing CSS file and enjoy the new Image Accordion vertical.




Features




  • Pure CSS

  • Without JavaScript or jQuery

  • Easy to use and customize

  • It works standalone



Attention – Browser-Support




  • IE9 does not support transition-effect

  • IE7 and IE8 does not support box shadow, transition-effect

Image Hover Effects (Animations and Effects)

A collection of beautiful, pure CSS effects that will help you giving a special touch to your photos in few seconds.




Features




  • 13 different effects, 2 different thumbnail ratios (rectangle and square)


    • zoom-in

    • zoom-out

    • rotate

    • move-x

    • move-y

    • round

    • focus

    • sepia

    • blackwhite

    • brightened

    • saturated

    • inverted

    • blurred




  • Work in all major browsers



() Some webkit effects (sepia, blur, invert, saturation) work on webkit browsers only.




To be sure, check the top 5 browsers and the CSS filter compatibility table.






Check out the video preview

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

Narsis CSS3 Glassy Menu (Navigation and Menus)

Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.

These Menu is carefully designed with attention to the details. Your visitors will love theme.


Main Features




230 Different mode !


This item contain 230 Different html demo file !



6 Hover Animation Effects


You can easily change Narsis GlassyMenu Hover Effect



13 Submenu Animation Effects


You can easily change Narsis GlassyMenu Submenu Animation Effect.



5 Theme Color


You can easily change Narsis GlassyMenu Theme Color.



RTL supported


You can also use Narsis cover in your RTL websites.



Customizable Icons


We use FontAwesome for icons so you can use more than 360 icons for your menu.



Valid and Clean Codes


All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.



Cross-browser compatible, IE7 included



Google Chrome, Mozilla Firefox, Opera, Apple Safari and IE +7.



Animations Effects make with CSS3 transitions and css3 not work in IE



Fully Customizable


You can change Narsis GlassyMenu appearance, position and etc easily with just data attributes, no need for any special Skills.



Well Documented



Stylus Technology



All style write in stylus technology with powerful addon like nib and 1stylus plugin.



Authors :



sedaghat
AliMD
seyedi
Mampel
aGHasizadeh



Support :


Please feel free to email via our user page contact form.

You maybe like our other work


Narsis Cover, CSS3 Image Hover Animation Effect

\

Pure CSS Image Accordion vertical (Animations and Effects)

Image Accordion vertical without Javascript



Easy to use the beautiful Image Accordion vertical for their own website.
Simply insert into the existing CSS file and enjoy the new Image Accordion vertical.




Features




  • Pure CSS

  • Without JavaScript or jQuery

  • Easy to use and customize

  • It works standalone



Attention – Browser-Support




  • IE9 does not support transition-effect

  • IE7 and IE8 does not support box shadow, transition-effect

Extra Social Links (Prestashop)

Social Networking module for prestashop


Flag Counter

Dropbox Frontend Slider (Widgets)

This product is an extended version of my Dropbox Downloader widget (http://codecanyon.net/item/dropbox-downloader/4357044)




Features



- Display images in the frontend of the website




- Choose between frontend display modes (flexslider, no effect) or create your own effect (by adding a new folder to the effects folder). Fully customize the output by adding new sliders with custom html, javascript and css!




- Choose between various frontend image sizes




- Choose the direct URL from Dropbox where the images are located




- Add several instances of the plugin to the site




- Add as a widget to any available location




- Add as a shortcode on a blog post




- Add or edit your dropbox images and immediately see the changes coming up on the frontend




- Feature to Download dropbox files to the wordpress media library in the backend




Version History



v1.0
- connect and download dropbox resources
- dropbox authentication for frontend display
- support for flexslider

Rabu, 04 Desember 2013

Core.Animation Library for .Net WinForms Controls (Miscellaneous)

This library is created for .Net WinForms developer who wants to overpass the classic and static view of elements in .Net framework. Microsoft has never directly supported animations in WinForms development, because there were WPF apps for this purpose. However many of you didn’t have time to spend for learning WPF, but wanted so badly to have nice animations like moving and fading on button clicks or when hovering on some controls.



Core.Animation library helps you animate your buttons, labels, any controls with a single or two lines of codes.


Try Before You Buy


Click here to try effects and examples in this sample application

Source code of sample application is also included.


Features




  • Very smooth and attractive effects


  • Supports creating sync and async animations.


  • Set your own parameters to create own customized animations.


  • Beginner developers can use without advanced coding knowledge.


  • Advanced developers can create any animation combining images and effects


  • Each method is xml commented and understandable


  • Saves you from hours of coding


  • Source codes of library and sample application are both included in C# language.


Implemented Effects




  • Extend and shrink effects


  • Fade effects


  • Zoom effects


  • Image Slide effects


  • Attention effects


  • Appear and disappear effects



Many different effects can be created using async combination of effects. See advanced examples in sample application.




Detailed documentation included. If you face any problems you can contact through comments or through the email included in documentation any-time.




Free counters!

7 Slider - Responsive Image Slider (Sliders)

General Overview



7 Slider is one of the most complete image slider ever.
It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction.
And it is fully responsive and modern features like Video embed,Lightbox are supported which make it more stunning.



Specially designed for anysize image adaption and speed is optimized as well.
Supports plenty of 2d/3d transitions so users will have great choice of modern & smooth animations.
It’s especially flexible for users to customize which makes the slider most complete ever.



If you like 7 Slider, don’t forget to leave us 5 stars. :) .



Key Features



  • 250+ wonderful animations(2d,3d) – Animations will come more as new version released.

  • Easy to implement and customize

  • Unlimited slides – Users can insert as many slides as he wants.

  • Unlimited Title Caption

  • Native browser support

  • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.

  • Image Overall Loading – 7 Slider loads all images at once so that he/she doesn’t wait again while slides.

  • Image Preview support – 7 Slider provides image preview option on hover.

  • Customizable width and height – Width and height can be set.

  • Fully responsive – It’s fully responsive so it can be attached in touch device.

  • Full width functionality involved – Full width slider is available

  • Lightbox support – It supports lightbox based on users’ demand.

  • Touch device support – Touch events are supported.

  • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.

  • Video content support(Youtube,Vimeo) – Embeded videos are supported.

  • Carousel support – Carousel viewmode is supported.

  • Bullet support – Bullet viewmode is supported.

  • Several customizable skin supported – 6 predefined skins are there and More importantly,Users can customize skin as he wants.

  • Keyboard navigation available

  • Multiple browser configuration(IE8+,Opera,Chrome,Safari,Firefox)

  • Automation support

  • Progressbar type can be set(linear/circle)


Support



The followers of 7 Slider are always supported by us.
For any complaint or queries, Do not hesitate even a sec to contact us who will be happily assisting you to solve the problem.


Credits



Many thanks to all of them who made this slider come into the world.

jQuery: http://jquery.com/
jQuery Easing Plugin: http://gsgd.co.uk/sandbox/jquery/easing/
jQuery Flippy Plugin: http://guilhemmarty.com/flippy
jQuery Knob Plugin: https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js
jQuery Modernizr Plugin: http://modernizr.com/download
jQuery SliceBox Plugin: http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/
Monkey Patch: https://github.com/zachstronaut/jquery-animate-css-rotate-scale
Background Texture(textured_stripes) : http://subtlepatterns.com/


Update/Release Log


10/23/2013: Version 1.0.1



  • 70 Animations added to the list

  • Swipe functionality improved

  • Touch functionality improved

  • Keypress bug fixed


10/21/2013: Version 1.0.0


Initial Release

3d Mega Menu for Bootstrap (Navigation)





Responsive 3D Mega Drop Down Menu (latest ver 1.3 – August 24, 2013)


Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. It is very easy to build a horizontal or verticalmenu. In addition to you can set up the menu item drop down by clicking or hovering. You can assign a certain color or choose in 16 colorvariants. There are 2 colors for drop downs (dark and light) and many 2D, 3D effects.

Note: Now compatible to Bootstrap 2.3 & Bootstrap 3 ;)



Main features



  • Responsive Design, support any PC or MAC systems, smartphones and tablets

  • Compatible to Bootstrap

  • Horizontal and vertical versions

  • Dark & Light Themes + 16 Additional Colors

  • Many of jQuery effects (flip, wiggle, bounce …)

  • Click/hover behavior choice on the mega menu options page

  • Fly-out Menu with Unlimited Sublevels

  • Dropdown can be fix or full width

  • Degrades gracefully if Javascript is disabled

  • Valid XHTML / CSS 3 markup

  • Cross-Browser Support

  • Form elements styling

  • Documentation



What’s in the package ?




Mobile Devices


It works very well in prevalent mobile divices. It has been tested on iPad, iPhone and Android. You can also turn off the responsiveness as explained in the documentation.

jQuery Effects


3D Effects

  • bounce

  • flipInX, flipOutX

  • flipInY, flipOutY

  • pulse

  • bounceIn


2D Effects

  • hide

  • fade out

  • slide up

  • flash

  • shake

  • wiggle

  • hinge

  • rollIn

  • lightSpeedIn, lightSpeedOut

  • bounceInRight, bounceOutRight

  • bounceInLeft, bounceOutLeft

  • fadeInRight, fadeOutRight

  • fadeInLeft, fadeOutLeft

  • fadeInUp, fadeOutUp

  • fadeInDown, fadeOutDown


Compatible Browsers


This menu has been tested (and works !) in all the following browsers :

  • Internet Explorer 8+

  • Firefox 2+

  • Safari 4+

  • Opera 10+

  • Chrome 4+


The 3D effects will not work in old browsers which is not support the transition CSS3

Support and Updates


We’ll try to regularly update my products based on the feedback, so if you find any kind of bug, open new ticket in our Support Forum.

Thanks for passing by!




You might also like:



Maxx – Responsive Creative Wordpress Theme




Creatiz WP theme – Designed to make a difference


30 Photo Animations (Images and Media)

View the Live Preview to see what Fig is capable of.


All animations and styles can be combined to create a unique experience for your image galleries.


Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.


The package contains the original source files so if you’re a webdeveloper you can tweak the library to your own liking.


Plug & Play, no jQuery or other libraries needed.


Animations



  • 7 load animations. Animate a photo in to view in six different ways, pick from zooming in or out, fading, or rotating in various directions.

  • 8 hover animations. Bring a certain area of the photo in to focus on hover or move the photo around when the user interacts with it.

  • 9 caption animations. Slide, fade or push the caption into view from various directions.

  • 6 text animations. Animate the caption text into view via fading, sliding or stacking.


Styles



  • 4 caption fill effects. 3 blur levels and a dreamy soft setting.

  • 2 caption colors. bright and dark.

  • 3 frame border widths.

  • 2 border colors. bright and dark.

  • 5 caption positions. Above, below, top, bottom or cover.


Techniques



  • HTML5 or HTML4 setup.

  • Links can be put in or around the element, making the entire picture clickable.

  • Delayed image loading, images will load and animate when the scroll into view.

  • Sequence grouping and loading, group images together to animate their load animations in sequence.


Files



  • fig.css (30Kb, 3Kb gzipped)

  • fig.js (7Kb, 3Kb gzipped)


Browsers



  • Chrome

  • Safari

  • Firefox

  • Opera

  • iOS 6+

  • IE10

  • IE9 (without animations)

  • IE8 (without animations, with static captions)


Expected to work on Android 4.0+ as well but for now untested, if you have any doubts check the Live Preview to be sure before buying.


WordPress


Currently Fig has not been tested with WordPress. I see no reason why it should not work. For your convenience I’ve added some WordPress plugin references below.


You should be able to link the fig files using this plugin:
CSS and JS links


The plugin below should allow you to add Fig HTML to your articles.
Raw HTML


Photos


The photos used in the Live Preview are copyrighted under creative commons license Attribution 2.0 Generic.




Updates







Narsis Cover, CSS3 Image Hover Animation Effect (Images and Media)

Narsis cover is highly customizable CSS3 animation effects for image hover.

These Animations is carefully designed with attention to the details. Your visitors will love theme.


Main Features




RTL supported


You can also use Narsis cover in your RTL websites.



50 Animation Effect


You can easily change Narsis cover Animation Effect with data-effect attribute.



13 color schemes


You can easily change Narsis cover with data-theme attribute.



Customizable Icons


We use FontAwesome for icons so you can use more than 360 icons for your menu.



Valid and Clean Codes


All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.



Cross-browser compatible, IE7 included



Google Chrome, Mozilla Firefox, Opera, Apple Safari and IE +7.



Animations Effects work with CSS3 transitions and css3 not work in IE



Fully Customizable


You can change Narsis cover appearance, position and etc easily with just data attributes, no need for any special Skills.



Well Documented



Stylus Technology



All style write in stylus technology with powerful addon like nib and 1stylus plugin.



PhotoDune Images



We used these photodune images for demo files
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image
PhotoDune Image



Authors :



sedaghat
AliMD
seyedi
Mampel
aGHasizadeh


Support :


Please feel free to email via our user page contact form.

You maybe like our other work


Narsis CSS3 Glassy Menu

\

30 Photo Animations (Images and Media)

View the Live Preview to see what Fig is capable of.


All animations and styles can be combined to create a unique experience for your image galleries.


Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.


The package contains the original source files so if you’re a webdeveloper you can tweak the library to your own liking.


Plug & Play, no jQuery or other libraries needed.


Animations



  • 7 load animations. Animate a photo in to view in six different ways, pick from zooming in or out, fading, or rotating in various directions.

  • 8 hover animations. Bring a certain area of the photo in to focus on hover or move the photo around when the user interacts with it.

  • 9 caption animations. Slide, fade or push the caption into view from various directions.

  • 6 text animations. Animate the caption text into view via fading, sliding or stacking.


Styles



  • 4 caption fill effects. 3 blur levels and a dreamy soft setting.

  • 2 caption colors. bright and dark.

  • 3 frame border widths.

  • 2 border colors. bright and dark.

  • 5 caption positions. Above, below, top, bottom or cover.


Techniques



  • HTML5 or HTML4 setup.

  • Links can be put in or around the element, making the entire picture clickable.

  • Delayed image loading, images will load and animate when the scroll into view.

  • Sequence grouping and loading, group images together to animate their load animations in sequence.


Files



  • fig.css (30Kb, 3Kb gzipped)

  • fig.js (7Kb, 3Kb gzipped)


Browsers



  • Chrome

  • Safari

  • Firefox

  • Opera

  • iOS 6+

  • IE10

  • IE9 (without animations)

  • IE8 (without animations, with static captions)


Expected to work on Android 4.0+ as well but for now untested, if you have any doubts check the Live Preview to be sure before buying.


WordPress


Currently Fig has not been tested with WordPress. I see no reason why it should not work. For your convenience I’ve added some WordPress plugin references below.


You should be able to link the fig files using this plugin:
CSS and JS links


The plugin below should allow you to add Fig HTML to your articles.
Raw HTML


Photos


The photos used in the Live Preview are copyrighted under creative commons license Attribution 2.0 Generic.




Updates