Tampilkan postingan dengan label transition. Tampilkan semua postingan
Tampilkan postingan dengan label transition. Tampilkan semua postingan

Kamis, 05 Desember 2013

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

Fonticon - Pure Css3 Icon Font (Buttons)

3 STYLES OF ICON SIZE WITH FLAT AND MODERN STYLE


  • mini

  • small

  • medium

  • 3 OPTION BOX


  • Square corner (default)

  • Rounded corner

  • Circle

  • COLOR SAMPLE


    (You can create more combination with your css skills)
  • Red

  • Orange

  • Green

  • Darkgrey

  • Blue

  • Pink

  • Violet

  • CSS3 EFFECT


    box-shadow and nice transition hover effects.

    OVER 500++ ICON FONTS FROM :


  • FontAwesome

  • Zocial

  • Entypo


  • If you have any questions relating to this item. you can get in touch with me via my user page contact form. and please take your time to rate this item

    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

    Rise CSS3 Animated Menu (Navigation and Menus)

    Rise Animated Menu created using just CSS3 and HTML5



    Rise CSS3 Animated Menu Item Features:



    • HTML and CSS3 file

    • Two themes Dark and Light.

    • 8 Colors

    • Smooth CSS3 Effects

    • Include Help



    css3 menu

    CSS3 Sidebar - vertical & horizontal (Navigation and Menus)

    CSS3 Sidebar – vertical & horizontal




    Colorful Sidebar with nice Hover Effects



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




    Features




    • 3 available sizes (mini, normal, large)

    • 11 color variations

    • 6 button styles

    • 7 hover effects

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

    • With individual icon and subtext

    • 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

    Profile Card WordPress Widget (Widgets)

    Help you to add a 2 sides profile card to your WordPress easily. The 2 sides card support CSS3 transition like flipping or twirl. You can see the demo in YouTube.


    followrss



    Features



    • Social icon support twitter, facebook, instagram, linkedin, skype, github, flickr, dribbble, pinterest, youtube, vimeo, location, email, and you can add more by yourself too.

    • Icon can be in circle, square, or round square.

    • The card switch transition support twirl, flipX, flipY, fade, papercut, curl

    • You can choose to hide the cover and show the profile only.

    • Compatible with latest jQuery and latest WordPress.

    • FAQ and source code are included in the package. Free update in the future.



    Recommendation for you


    Image Map HotSpot WordPress Plugin:


    hotspot

    Credit



    jQuery http://jquery.com
    icons: http://rog.ie/blog/free-social-media-icons

    Rabu, 04 Desember 2013

    7 Layer - Responsive LayerSlider (Sliders)

    General Overview



    7 Layer is unique layerslider built in jQuery.
    It is strongly built in terms of animation and transition types.
    And it is fully responsive and modern features like Video embed,Lightbox are supported which make it more stunning.



    Specially designed for customized width/height adaption to make the customer feel free to use any size image 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 Layer, don’t forget to leave us 5 stars. :) .



    Key Features



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

    • Layer Animation Parameterized – 17 parameters are helping layer animations to dance freely

    • 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 Layer loads all images at once so that he/she doesn’t wait again while slides.

    • Image Preview support – 7 Layer 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 with mouse drag & drop.

    • 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 Layer 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



    7 Layer can come into the world thanks to all of whom make valuable resources free.

    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: http://subtlepatterns.com/
    Preview Images : http://all-free-download.com
    Free Icons : http://www.softicons.com


    Update/Release Log


    10-28-2013: Version 1.0.1


    Bug fixed: Slider smooth move without waiting till layer animation finished.


    10-27-2013: Version 1.0.0


    Initial Release

    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

    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 Grid and List Switch (Navigation)

    A jQuery plugin help you to display grid thumbnail, and have a option to display it in a list.


    followrss



    Features



    • CSS3 transition in the modern browser.

    • Fade only on the older browser, like IE8.

    • Smooth grid and list switch.

    • Optional hover effect.

    • Clean and lightweight, free update in the future.



    Recommendations For You


    jQuery OneByOne Slider Plugin:
    onebyone

    Credit


    jQuery http://jquery.com
    Lightbox http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

    TeamHouse Animated Team & Product Showcase (Media)

    TeamHouse is an animated showcase for team members or products. This script is compatible with all major browsers. Everything coded nicely so that you don’t have to spend much time to customize.




    TeamHouse is compatible with 960 grid css framework, so all you need to do is just copy and paste and it will work flawlessly.




    TeamHouse is friendly for the theme developers too. If you just purchase an extended license for each of your themes, you are allowed to resell as a part of your theme in themeforest.




    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







    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







    7 Layer - Responsive LayerSlider (Sliders)

    General Overview



    7 Layer is unique layerslider built in jQuery.
    It is strongly built in terms of animation and transition types.
    And it is fully responsive and modern features like Video embed,Lightbox are supported which make it more stunning.



    Specially designed for customized width/height adaption to make the customer feel free to use any size image 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 Layer, don’t forget to leave us 5 stars. :) .



    Key Features



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

    • Layer Animation Parameterized – 17 parameters are helping layer animations to dance freely

    • 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 Layer loads all images at once so that he/she doesn’t wait again while slides.

    • Image Preview support – 7 Layer 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 with mouse drag & drop.

    • 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 Layer 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



    7 Layer can come into the world thanks to all of whom make valuable resources free.

    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: http://subtlepatterns.com/
    Preview Images : http://all-free-download.com
    Free Icons : http://www.softicons.com


    Update/Release Log


    10-28-2013: Version 1.0.1


    Bug fixed: Slider smooth move without waiting till layer animation finished.


    10-27-2013: Version 1.0.0


    Initial Release