Tag: css3

  • Strokify For Visible Composer (Add-ons)

    Strokify is WordPress plugin for animating text stroke.
    To make things easiest as possible we made Strokify as Visual Composer plugin which extends “Custom Heading” addon element.
    This way you can use any font & styling you want. Some of Strokify features are:

    • Works with any font
    • Works with any theme
    • Choose How Many Trails
    • Choose Trails Colors
    • Make Font Transparent
    • Trail Height & Offsets
    • Run Once/Forever & Animation Times
    • No Javascript Used, pure CSS
    • Responsive

  • Strokify For Visible Composer (Add-ons)

    Strokify is WordPress plugin for animating text stroke.
    To make things easiest as possible we made Strokify as Visual Composer plugin which extends “Custom Heading” addon element.
    This way you can use any font & styling you want. Some of Strokify features are:

    • Works with any font
    • Works with any theme
    • Choose How Many Trails
    • Choose Trails Colors
    • Make Font Transparent
    • Trail Height & Offsets
    • Run Once/Forever & Animation Times
    • No Javascript Used, pure CSS
    • Responsive

  • Experience Calendar Fb Timeline (Calendars)

    Experience Calendar Fb Timeline (Calendars)

    It’s an event calendar plugin. You can simply add your events using html. Here’s also a facebook feed calendar. Its features are :

    • Responsive event calendar
    • Facebook page feed
    • Usable for multiple purposes. IE. Blog, Timeline
    • Flat Design
    • Cutomizable Style
    • Supported in all major browsers

    Event Calendar

    How does it work?

    Events should be added manually using html. For setting the date and time, you have to use the attribute called ‘data-date’ and ‘data-time’. After adding all the events correctly the plugin should be attached like $(“selector”).jeventTimeline()

    It’s also possible to add events runtime. For this, generate your html using javascript/PHP. Then use the plugin like this :
    var a = $(“selector”).jeventTimeline();
    Each Time you add events at runtime. Use the command : a.refresh();

    Facebook Feed

    The facebook feed plugin is developed using the eventCalendar plugin. It’s easy and simple. You just need the pageName/pageid and an accessToken to access the feed.

    Using an app access Token you can only show page feeds. But if you want to show feeds of an individual user you need a user access token with proper permission.

    Currently it shows five types of posts: addedPhoto, sharedLink, addedVideo, statusUpdate, createdNote

    Dependencies

    • jQuery
    • FontAwesome icons
    • Google Fonts : Open sans, Oswald, montserrat.

    The images showed in the preview are not included in the main files.

  • Zeus – Pricing Desk jQuery Plugin with Builder (Miscellaneous)

    Zeus – Pricing Desk jQuery Plugin with Builder (Miscellaneous)

    Zeus Bootstrap Pricing Table

    Zeus Pricing Table is a jQuery Plugin with 16 Modern and Unique Styles, 15 trend Colors, 3 Ribbon types with 17 Colors, 3 Button types with 6 Hover effects, Tooltip with 17 Colors

    It is easy to use and modify. Just use Zeus Builder

    Build your desired pricing table with Visual Builder and get options in JSON format text.It is the easiest way to create Zeus Pricing Table with builder


    css-version-available


    Features

    • 16 Styles
    • 15 Colors
    • Joined and Separated versions of columns
    • 3 Button styles
      • 6 Button hover effects
    • 3 Ribbon styles
      • 17 ribbon colors
      • 4 ribbon position option
    • Tooltip
      • 17 tooltip color
      • 2 Tooltip icon positioning options
      • 4 Tooltip data placement options
    • Easy to Build tables with Builder
    • jQuery
    • Bootstrap
    • Fully Responsive
    • HTML5 & CSS3
    • SASS files included
    • Easy to Install
    • Step by Step Documentation
    • Highly customizable options


    install


    install

    1.0

  • LightMyBox – Every other Gorgeous Lightbox (Media)

    LightMyBox – Every other Gorgeous Lightbox (Media)

    What is LightMyBox?

    LightMyBox is another jquery lightbox which makes your website’s photo galleries beautiful. LightMyBox is compatible with all major browsers and devices, this is completely responsive and works on mobile devices without any problem. LightMyBox is simple, minimal, very flexible and easy to use, setup is easy and completely documented, also there is support which is available to help you if you had any problem during setup. LightMyBox uses latest techniques and created based on CSS3 animation techniques.

    Beautiful background options

    LightMyBox has different and beautiful options for background

    LightMyBox Features

    • Simple and Minimal Skin
    • Responsive – You will not have any problem with handheld devices.
    • Different options for background – as you see in above
    • Custom Theme – You can create custom theme if you want
    • Very flexible and easy to use
    • Callback Functions – allows you to customize your integration

    Notices

    • Demo images are not included in the download
  • LightMyBox – Any other Gorgeous Lightbox (Media)

    What is LightMyBox?

    LightMyBox is another jquery lightbox which makes your website’s photo galleries beautiful. LightMyBox is compatible with all major browsers and devices, this is completely responsive and works on mobile devices without any problem. LightMyBox is simple, minimal, very flexible and easy to use, setup is easy and completely documented, also there is support which is available to help you if you had any problem during setup. LightMyBox uses latest techniques and created based on CSS3 animation techniques.

    Beautiful background options

    LightMyBox has different and beautiful options for background

    LightMyBox Features

    • Simple and Minimal Skin
    • Responsive – You will not have any problem with handheld devices.
    • Different options for background – as you see in above
    • Custom Theme – You can create custom theme if you want
    • Very flexible and easy to use
    • Callback Functions – allows you to customize your integration

    Notices

    • Demo images are not included in the download
  • FancyNav – Responsive Off-Canvas Menu with CSS3 Transitions (Navigation)

    FancyNav – Responsive Off-Canvas Menu with CSS3 Transitions (Navigation)

    FancyNav converts desktop navigation lists to stylish mobile menus. You can combine multiple existing navigations to one responsive menu – or show more than one mobile menu on the same page of your website.
    No changes to existing HTML and CSS code are required. Easy setup makes it possible to integrate FancyNav into any website.

    Choose between ten transition effects for the opening/closing menus. Only CSS3 transitions are used, no jQuery animations.
    And you can create custom effects as well.

    All elements of the mobile menu can be styled with CSS – also individually for each menu.
    FancyNav comes with two built-in skins. Multiple styling examples are included in the documentation of the download package.

    More features:

    • Open menus from the left or right side (works with all built-in effects)
    • Elegant left-right (drilldown) or down/up sliding submenus.
    • Custom text for the header above the menu items: for example to insert your company name or a logo with CSS.
    • Define a back text above the submenus. By default FancyNav is showing the text of the parent link.
  • Scroll Magic – Scrolling Animation – Visible Composer Addon (Add-ons)

    Scroll Magic – Scrolling Animation – Visible Composer Addon (Add-ons)

    Scroll Magic helps you to easily react to the user’s current scroll position. It’s the perfect plugin for you, if you want to …

    • Animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control).
    • Pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky elements).
    • Effortlessly add parallax effects to your website.
    • Blah blah..
    • Please click Preview and watch.

  • October – Responsive One Web page WordPress Theme (Ingenious)

    October – Responsive One Web page WordPress Theme (Ingenious)

    October is a Responsive One Page WordPress Theme for creative freelancers, designers, photographers, illustrators, web studios or agencies.

    It’s based on Bootstrap framework and HTML5/CSS3 technologies, with an elegant and modern design, clean and simple, fully responsive and customizable.

    October is the perfect solution for any type of business, specially smart companies, innovative start-up, web developers, graphic designers or artists.

    Quick and easy setup to create a portfolio and show your works and services. The Theme is optimized for smartphones and tablets, it provides a clear documentation and the code is clean and well-organized.

    This Theme uses Parallax effect and content animations, so you can create an awesome website. Your projects will be amazing using this fluid and flexible layout, that is adaptive to all needs.

    Overview

    • 100% Responsive – Layout full responsive, optimized for all devices with any resolution.
    • Easy Customization – Customizer, Theme Options with live preview and Freedom Plugin integrated into WordPress Panel, to manage your custom sections.
    • 10 Page Templates – About Page, Team Page, Services Page, Portfolio Page, Newsletter Page, Clients Page, Testimonials Page, Contact Page, Standard Page, Blog Page.
    • Translate Ready – Translation available in any languages using .po and .mo files.
    • Theme Documentation – Clear and detailed Documentation included.

    Features

    • One Page Design
    • Bootstrap 3.x
    • Fully Responsive
    • Easy to Customize
    • Simple & Modern
    • CSS3 Animations (On-scroll animations in any page)
    • Font Awesome Icons (600+ Icons available)
    • High Speed Performance (Theme very fast and light)
    • SEO Optimized (Best Practice for SEO Optimization)
    • Menus Settings
    • Widgets Ready
    • Custom CSS
    • Main Top Section
    • About Section
    • Team Section
    • Services Section
    • Portfolio Section
    • Newsletter Section
    • Clients Section
    • Testimonials Section
    • Contact Section
    • Social Section
    • …and other!

    Credits

    Please, don’t forget to rate it!

    Thank you!

  • Smart4y Tooltip (Interface Components)

    Smart4y Tooltip (Interface Components)

    A flexible and responsive plugin for modern tooltips without any Javascript library dependencies. Advantages: fully responsive, the possibility of inserting HTML content, support effects, optimized for desktop and mobile devices, full integration into the WYSIWYG editor and much more. Demo on smart4y-plugins.com.

    General features

    • Optimized for Desktop and Mobile devices.
    • Responsive, no Javascript library dependencies, include Sass style source codes.
    • Full integration into wysiwyg editor.
    • Possibility to define global settings for all tooltips or define to specific settings for each tooltip.
    • Possibility to insert html content.
    • Predefined effects.
    • Recalculation of tooltip position on resize window.
    • Documentation included (including the creation tooltip by script).

    Setting options

    • Animation effect: see available effects.
    • Method of opening: On click or on hover (default). Hover is automatically transformed to click on mobile devices.
    • Position: It is possible to set values to top or to bottom.
    • Open delay, Close delay: For mobile devices and “click” event is automatically set to 0, default is 300 ms for Open delay and 0 ms for Close delay.
    • Auto close delay: Default is false.
    • Interactive: Possibility to interact with the content of the tooltip, default is true.

    Available effects

    • The effects are based on css3 transitions
    • The Effects are: None, Bounce, Flip, Perspective, Scale and Translate.
    • Posibility to define own effect by adding css class.

    Position

    It is automatically controlled according to the visible area of the page. User can set default (top or bottom) position but script will determine the real position based on the visible area of the page.

    Localization

    • Czech (cs_CZ)
    • English (en-US)
    • Slovak (sk_SK)

    Documentation

    Installation and Instruction manual can be found at the download package. If you can’t find what you need please do not hesitate to contact me at support@smart4y-plugins.com.