Tag: pure css

  • Final Picture Hover Results Plugin For WordPress (Interface Parts)

    Final Picture Hover Results Plugin For WordPress (Interface Parts)

    Ultimate Image Hover Effects Plugin For WordPress is all in one hover effect solution for any kind of WordPress websites.



    Don’t forget to rate us 5 stars and let us know your feedback for better update

    Key Features

    • Responsive Design
    • Easy-to-use
    • More than +200 hover effect
    • Grid and carousel layouts
    • Set overlay background color for image hover effect
    • Set awesome animations for images appearance
    • Set title and description font
    • Add links for image
    • Set gutter size for items
    • Supports all browsers (including IE9+ ,Chrome, Safari or Firefox)
  • Final Picture Hover Impact For Cornerstone (Add-ons)

    Final Picture Hover Impact For Cornerstone (Add-ons)

    200+ Awesome Image Hover Effects for Cornerstone. This is suitable for any kind of websites & institution.



    Don’t forget to rate us 5 stars and let us know your feedback for better update

    Key Features

    • Responsive Design
    • Easy-to-use
    • More than +200 hover effect
    • Grid and carousel layouts
    • Set overlay background color for image hover effect
    • Set awesome animations for images appearance
    • Set title and description font
    • Add links for image
    • Set gutter size for items
    • Supports all browsers (including IE9+ ,Chrome, Safari or Firefox)
  • Final Picture Hover Results For Visible Composer (Add-ons)

    Final Picture Hover Results For Visible Composer (Add-ons)

    Ultimate Image Hover Effects For Visual Composer is all in one hover effect solution for any kind of websites which is used visual composer.

    Don’t forget to rate us 5 stars and let us know your feedback for better update

    Key Features

    Responsive Design
    Easy-to-use
    More than +200 hover effect
    Grid and carousel layouts
    Set overlay background color for image hover effect
    Set awesome animations for images appearance
    Set title and description font
    Add links for image
    Set gutter size for items
    Supports all browsers (including IE9+ ,Chrome, Safari or Firefox)

  • Business Oriented SVG Animations-1 (Animated SVGs)

    Business Oriented SVG Animations-1 (Animated SVGs)

    Thank you for purchasing this product.

    Features
    —Vector based (fully scalable)
    —Pure CSS
    —No Javascript required
    —Can be used as Pre-Loaders

    How to use
    —Everything you need to do for using any particular animated SVG icon is copy whole SVG code provided along with its parent div and paste wherever you want to use.

    —Now includ particular CSS file for the same animated SVG icon.

    —And here we go!!!

    Thanks again for purchasing this item.

    If you will have any problem in using this, feel free to ask via email on ‘bread.byte.design@gmail.com’.

  • Fancy Checkbox (Buttons)


    Features

    Vector based (fully scalable)
    Pure CSS
    No Javascript
    All you need to do is to include CSS! HTML included to provide implementation examples.

    How to use

    1. Include ‘fency-style-checkbox.css’ to code.

    2. Apply class ‘checkboxWrapper’ and class for checkbox size to parent element. Followings are classes for different sizes:
    a.extraSmallCheckboxSize
    b.smallCheckboxSize
    c.mediumCheckboxSize
    d.largeCheckboxSize
    e.extraLargeCheckboxSize
    Note:-1. If no class for size is applied to parent, it will take ‘largeCheckboxSize’ by default.
    2. Any HTML element can be used as parent element.

    3. Apply class for theme color to parent. Followings are classes for default themes:
    a.theme1
    b.theme2
    c.theme3
    d.theme4
    e.theme5
    f.theme6
    g.theme7
    Note:- You can create your own class for custom theme.

    4. Add the following HTML code for checkbox within the parent.

    <input type=”checkbox” id=”sample1”>
    <label for=”sample1”>

    <svg version=”1.1” id=”Layer_1” xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” x=”0px” y=”0px”
    width=”50px” height=”50px” viewBox=”0 0 50 50” enable-background=”new 0 0 50 50” xml:space=”preserve”>
    <circle fill=”none” stroke=”#B7B7B7” stroke-width=”3” stroke-miterlimit=”10” cx=”25.11” cy=”24.883” r=”23.519”/>
    <path fill=”none” stroke-width=”3” stroke-miterlimit=”10” d=”M48.659,25c0,12.998-10.537,23.534-23.534,23.534
    S1.591,37.998,1.591,25S12.127,1.466,25.125,1.466c9.291,0,17.325,5.384,21.151,13.203L19,36l-9-14”/>
    </svg>

    Turquoise Theam
    </label>

    5. And here you go!!!

    Thanks again for purchasing this item.
    If you will have any problem in using this, feel free to ask via email on ‘bread.byte.design@gmail.com’.

  • Fancy Checkbox (Buttons)


    Features

    Vector based (fully scalable)
    Pure CSS
    No Javascript
    All you need to do is to include CSS! HTML included to provide implementation examples.

    How to use

    1. Include ‘fency-style-checkbox.css’ to code.

    2. Apply class ‘checkboxWrapper’ and class for checkbox size to parent element. Followings are classes for different sizes:
    a.extraSmallCheckboxSize
    b.smallCheckboxSize
    c.mediumCheckboxSize
    d.largeCheckboxSize
    e.extraLargeCheckboxSize
    Note:-1. If no class for size is applied to parent, it will take ‘largeCheckboxSize’ by default.
    2. Any HTML element can be used as parent element.

    3. Apply class for theme color to parent. Followings are classes for default themes:
    a.theme1
    b.theme2
    c.theme3
    d.theme4
    e.theme5
    f.theme6
    g.theme7
    Note:- You can create your own class for custom theme.

    4. Add the following HTML code for checkbox within the parent.

    <input type=”checkbox” id=”sample1”>
    <label for=”sample1”>

    <svg version=”1.1” id=”Layer_1” xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” x=”0px” y=”0px”
    width=”50px” height=”50px” viewBox=”0 0 50 50” enable-background=”new 0 0 50 50” xml:space=”preserve”>
    <circle fill=”none” stroke=”#B7B7B7” stroke-width=”3” stroke-miterlimit=”10” cx=”25.11” cy=”24.883” r=”23.519”/>
    <path fill=”none” stroke-width=”3” stroke-miterlimit=”10” d=”M48.659,25c0,12.998-10.537,23.534-23.534,23.534
    S1.591,37.998,1.591,25S12.127,1.466,25.125,1.466c9.291,0,17.325,5.384,21.151,13.203L19,36l-9-14”/>
    </svg>

    Turquoise Theam
    </label>

    5. And here you go!!!

    Thanks again for purchasing this item.
    If you will have any problem in using this, feel free to ask via email on ‘bread.byte.design@gmail.com’.

  • Brand new – Bootstrap Pricing Tables (Pricing Tables)

    Modern – Bootstrap Pricing Tables is a modern responsive pricing table build with Bootstrap framework. It’s built 9 styles and 6 colors included with bootstrap grid.
    Simple to implement, Just copy the HTML and link to the CSS file. No JavaScript required!. You can easily edit, change and customize them for yourself.

    FEATURES

    • Modern, clean and unique design.
    • 9 Pricing Tables.
    • 6 Colors Included.
    • Made with Bootstrap Framework.
    • HTML5 & CSS3.
    • Responsive Design.
    • Easy to Customize.
    • Retina Ready.
    • Well documented.

    CREDITS

    NEED SUPPORT?

    If you need any technical support, please send me a message via my support mail address and I will get back to you as soon as possible.

    Thank you very much!

    If you like our theme, please rate it!

  • Up to date – Bootstrap Pricing Tables (Pricing Tables)

    Modern – Bootstrap Pricing Tables is a modern responsive pricing table build with Bootstrap framework. It’s built 9 styles and 6 colors included with bootstrap grid.
    Simple to implement, Just copy the HTML and link to the CSS file. No JavaScript required!. You can easily edit, change and customize them for yourself.

    FEATURES

    • Modern, clean and unique design.
    • 9 Pricing Tables.
    • 6 Colors Included.
    • Made with Bootstrap Framework.
    • HTML5 & CSS3.
    • Responsive Design.
    • Easy to Customize.
    • Retina Ready.
    • Well documented.

    CREDITS

    NEED SUPPORT?

    If you need any technical support, please send me a message via my support mail address and I will get back to you as soon as possible.

    Thank you very much!

    If you like our theme, please rate it!

  • Flight – Responsive Bootstrap Pricing Tables with Shade Generator (Pricing Tables)

    Features

    Credits

  • Flight – Responsive Bootstrap Pricing Tables with Colour Generator (Pricing Tables)

    Features

    Credits