CodeCanyon new CSS items 2022-05-27T18:06:23+00:00 FeedCreator 1.8 (info@mypapit.net) FullMenu - Fullscreen Menu Navigator 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/fullmenu-fullscreen-menu-navigator/37317604 web_union: Full Screen Toggle Menu is a fully responsive toggle menu plugin that you can use in your portfolio, personal blog, company official website and many designs

File type: one HTML, three CSS, three JS and many pictures, Function: suitable for personal blog, company official website navigation menu design Development software: HbuilderX Design software: Photoshop

use: 1 Copy the HTML code content into the required files of your project 2 Put the jQuery framework/wow framework/main.js in the js folder in the js folder of your project, and import 3 js files through script in your project 3 Put the css file in the css folder into the css folder of your project and import it through the link

Key features are: Executes efficient HTML5 and CSS3 CSS animations using HTML5 as well as CSS3 and JavaScript/jQuery Fully responsive and easy to customize Clean and modern design Toggle menus are well documented!

]]>
web_union: Full Screen Toggle Menu is a fully responsive toggle menu plugin that you can use in your portfolio, personal blog, company official website and many designs

File type: one HTML, three CSS, three JS and many pictures, Function: suitable for personal blog, company official website navigation menu design Development software: HbuilderX Design software: Photoshop

use: 1 Copy the HTML code content into the required files of your project 2 Put the jQuery framework/wow framework/main.js in the js folder in the js folder of your project, and import 3 js files through script in your project 3 Put the css file in the css folder into the css folder of your project and import it through the link

Key features are: Executes efficient HTML5 and CSS3 CSS animations using HTML5 as well as CSS3 and JavaScript/jQuery Fully responsive and easy to customize Clean and modern design Toggle menus are well documented!

]]>
PRICING TABLE Pro Pack- 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/pricing-table-pro-pack/37247907 PRICING TABLE Pro Pack- is a modern responsive price table build with Bootstrap 4 framework. It is made in 9 styles and standard colors with bootstrap grid. The advantage of this code is that the HTML & CSS codes of each table are located in separate files. So you can easily take the code to your own site or platform and use it. 

Easy to implement, just copy HTML and link to CSS file. No JavaScript required! You can easily edit, modify and customize these for yourself And if you have difficulty understanding it, it will be easier to see the documentation. If there is any problem after that, you can take my support if you want. I am always ready.


FEATURES

  • unique design
  • 9 Pricing Tables
  • Colors Included
  • Easy to use
  • Easy to customize
  • Bootstrap 4 Framework
  • HTML5 and CSS3
  • Responsive
  • Design Retina Ready
  • Pure CSS
  • Hover Effect
  • icons Documented

Credits.

Support.

Again after buying these simple paricing tables I am ready to help for any kind of problem. If you have any questions about simple paricing tables, I would be happy to help. There is no guarantee. But if you have any questions, feel free to contact us at the Help Center.


Email: m.rakibul2519 @gamil.com

]]>
PRICING TABLE Pro Pack- is a modern responsive price table build with Bootstrap 4 framework. It is made in 9 styles and standard colors with bootstrap grid. The advantage of this code is that the HTML & CSS codes of each table are located in separate files. So you can easily take the code to your own site or platform and use it. 

Easy to implement, just copy HTML and link to CSS file. No JavaScript required! You can easily edit, modify and customize these for yourself And if you have difficulty understanding it, it will be easier to see the documentation. If there is any problem after that, you can take my support if you want. I am always ready.


FEATURES

  • unique design
  • 9 Pricing Tables
  • Colors Included
  • Easy to use
  • Easy to customize
  • Bootstrap 4 Framework
  • HTML5 and CSS3
  • Responsive
  • Design Retina Ready
  • Pure CSS
  • Hover Effect
  • icons Documented

Credits.

Support.

Again after buying these simple paricing tables I am ready to help for any kind of problem. If you have any questions about simple paricing tables, I would be happy to help. There is no guarantee. But if you have any questions, feel free to contact us at the Help Center.


Email: m.rakibul2519 @gamil.com

]]>
Prico - Responsive Pricing Tables 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/prico-responsive-pricing-tables/36570710 documentation website

Description:

Prico is a great collection of pricing tables it comes with a lot of different shapes, ribbons existed with different styles and we didn’t forget about the animation on selecting a plan.

Prico comes with a responsive layout, attractive design, ease of use and easy to customize and can be used on any website easily.

Check out the demo preview to know more about pricing layouts and design.

Features:

  • 15 Different Shapes
  • 5 Ribbons Options
  • 5 Animation Existed
  • Color Switcher
  • Responsive Layout
  • W3 Validation
  • Easy to Customize
  • Detailed Documentation

Support:

If you faced any difficulty, contact us through our personal page and we will respond to you as soon as possible.

]]>
documentation website

Description:

Prico is a great collection of pricing tables it comes with a lot of different shapes, ribbons existed with different styles and we didn’t forget about the animation on selecting a plan.

Prico comes with a responsive layout, attractive design, ease of use and easy to customize and can be used on any website easily.

Check out the demo preview to know more about pricing layouts and design.

Features:

  • 15 Different Shapes
  • 5 Ribbons Options
  • 5 Animation Existed
  • Color Switcher
  • Responsive Layout
  • W3 Validation
  • Easy to Customize
  • Detailed Documentation

Support:

If you faced any difficulty, contact us through our personal page and we will respond to you as soon as possible.

]]>
Button Pack Pro Max 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/button-pack-pro-max/36556847 Button Pack Pro Max– HTML & CSS- Made by Bootstrap 4 has many different buttons.  It is not possible to understand how standard these are without seeing them.  There are different types of beautiful buttons to watch.  And the buttons look just as good.  There are different types of animation buttons.  The best part is that the quality of each button here is as good as the color.  In addition to all the buttons here, some buttons with icons have also been added.  


There are important buttons related to internet. There are social buttons and some of them have been designed.  In addition to the internet icon, there are some necessary main icons or manu buttons in different styles.



The most important thing about button pack pro max is that its html codes are all in one place but in the form of comments it is mentioned which number and style.  The css codes of that style are inside that number file according to the exact number.


FEATURRS

  1. Modern design
  2. 20+ style
  3. 50+ icons
  4. 100+ color inclueded
  5. Made with bootstrap 4 Framework
  6. HTML & CSS
  7. Responsive Design
  8. Easy to Customize
  9. Well documented
  10. Pure CSS
  11. Hover Effect
  12. Documented


\\]]>
Button Pack Pro Max– HTML & CSS- Made by Bootstrap 4 has many different buttons.  It is not possible to understand how standard these are without seeing them.  There are different types of beautiful buttons to watch.  And the buttons look just as good.  There are different types of animation buttons.  The best part is that the quality of each button here is as good as the color.  In addition to all the buttons here, some buttons with icons have also been added.  


There are important buttons related to internet. There are social buttons and some of them have been designed.  In addition to the internet icon, there are some necessary main icons or manu buttons in different styles.



The most important thing about button pack pro max is that its html codes are all in one place but in the form of comments it is mentioned which number and style.  The css codes of that style are inside that number file according to the exact number.


FEATURRS

  1. Modern design
  2. 20+ style
  3. 50+ icons
  4. 100+ color inclueded
  5. Made with bootstrap 4 Framework
  6. HTML & CSS
  7. Responsive Design
  8. Easy to Customize
  9. Well documented
  10. Pure CSS
  11. Hover Effect
  12. Documented


\\]]>
CSS-Animated-Gradient-Backgrounds 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css-animated-gradient-backgrounds/36537435 CSS Gradient Backgrounds is CSS Pure without any images for modern background with beautiful CSS animation. not included any framework.

All layouts are mobile-ready and responsive, used CSS features instead of images, and are easily configurable through CSS classes.

2 styles of animated gradient backgrounds (dark & light). Based on HTML5, CSS3. W3 Validated (W3C Validated) HTML and CSS Codes. No JavaScript or jQuery. Pure CSS, No images used Clean, Fresh, and Well Decorated Codes. used four colors in each gradient and available to edit by CSS. All Browser Compatible. Easy to Customize. Easy to use. 100% Responsive. You will get 2 HTML file, 3 CSS files, Documentation file. You can use any HTML editor code software to develop the item as Atom, Visual Studio Code and Sublime. You can use it in registration, login pages and many other purposes. Can be easily integrated into HTML Project or Website. Detailed documentation is included.

]]>
CSS Gradient Backgrounds is CSS Pure without any images for modern background with beautiful CSS animation. not included any framework.

All layouts are mobile-ready and responsive, used CSS features instead of images, and are easily configurable through CSS classes.

2 styles of animated gradient backgrounds (dark & light). Based on HTML5, CSS3. W3 Validated (W3C Validated) HTML and CSS Codes. No JavaScript or jQuery. Pure CSS, No images used Clean, Fresh, and Well Decorated Codes. used four colors in each gradient and available to edit by CSS. All Browser Compatible. Easy to Customize. Easy to use. 100% Responsive. You will get 2 HTML file, 3 CSS files, Documentation file. You can use any HTML editor code software to develop the item as Atom, Visual Studio Code and Sublime. You can use it in registration, login pages and many other purposes. Can be easily integrated into HTML Project or Website. Detailed documentation is included.

]]>
Metrics Pricing Table 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/metrics-pricing-table/36439569 Metrics Pricing Table is a developed on pure CSS3, responsive and animated Pricing Tables. The template comes essential features, Pricing & number of users changes based on Package frequency (Monthly/Annually). 100% CSS3 and 0% JavaScript.

This version is dedicated for any custom CMS based site as well as for non-CMS site and will work with straight HTML or PHP based websites.

Features:

  • 4 different packages variations
  • Monthly & Annually Frequency Selection
  • Price Change based on frequency selection
  • Highlighted Package to increase revenue
  • Active & Inactive defined services list
  • Addons – Signup Form & Contact Us Form
  • Highlighted Next Package comparison on hover of any package
  • Animation on Price & Services section
  • Responsive & Mobile Friendly design
]]>
Metrics Pricing Table is a developed on pure CSS3, responsive and animated Pricing Tables. The template comes essential features, Pricing & number of users changes based on Package frequency (Monthly/Annually). 100% CSS3 and 0% JavaScript.

This version is dedicated for any custom CMS based site as well as for non-CMS site and will work with straight HTML or PHP based websites.

Features:

  • 4 different packages variations
  • Monthly & Annually Frequency Selection
  • Price Change based on frequency selection
  • Highlighted Package to increase revenue
  • Active & Inactive defined services list
  • Addons – Signup Form & Contact Us Form
  • Highlighted Next Package comparison on hover of any package
  • Animation on Price & Services section
  • Responsive & Mobile Friendly design
]]>
ElitePlay Tab 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/eliteplay-tab/36378062 ElitePlay Tab – HTML5 and CSS3 Tabs is Amazing, clean, responsive for creating beautiful tab navigation without any javascript. It has different layouts, tab with image, tab with youtube video, tab with contact form, tab with google map, responsive design with quick customization.

ElitePlay Tab Features:

  • Clean design and commented code
  • Easy to customize
  • Made with pure CSS3 and HTML5
  • Fits into any website,pwesonal, blog, business, heltcare, ecommerce website.
  • Can display any content, video, form, image etc.
  • Smooth and beautiful effects
  • Documentation
  • Youtube Video Embed
  • Tab With Contact Form
  • Fast Support
  • Free Updates

Fonts Used:

  • Google Fonts

You will Get:

  • Html Files
  • Css Files
  • Documents files

Note: Images are only for demo purpose and not included with the download bundle.

]]>
ElitePlay Tab – HTML5 and CSS3 Tabs is Amazing, clean, responsive for creating beautiful tab navigation without any javascript. It has different layouts, tab with image, tab with youtube video, tab with contact form, tab with google map, responsive design with quick customization.

ElitePlay Tab Features:

  • Clean design and commented code
  • Easy to customize
  • Made with pure CSS3 and HTML5
  • Fits into any website,pwesonal, blog, business, heltcare, ecommerce website.
  • Can display any content, video, form, image etc.
  • Smooth and beautiful effects
  • Documentation
  • Youtube Video Embed
  • Tab With Contact Form
  • Fast Support
  • Free Updates

Fonts Used:

  • Google Fonts

You will Get:

  • Html Files
  • Css Files
  • Documents files

Note: Images are only for demo purpose and not included with the download bundle.

]]>
Custom Checkbox CSS 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/custom-checkbox-css/36337086 13 style to custom HTML inputs type checkbox with animated effects when click. Based on HTML5, CSS3, Fonts Awesome Icons, Bootstrap v4.0.0. W3 Validated (W3C Validated) HTML and CSS Codes. No JavaScript or jQuery. Clean, Fresh, and Well Decorated Codes. used four active colors when input checked [dark, blue, orange, mauve]. used Font Awesome Icons. All Browser Compatible. Easy to Customize. 100% Responsive. You will get HTML file, CSS files, Documentation file. You can use any HTML editor code software to develop the item as Atom, Visual Studio Code and Sublime. You can use it in registration, rating, online exams, polls pages and many other purposes. Custom Checkbox CSS can be easily integrated into HTML Project or Website to Enhance the Attractiveness of the HTML Form.

]]>
13 style to custom HTML inputs type checkbox with animated effects when click. Based on HTML5, CSS3, Fonts Awesome Icons, Bootstrap v4.0.0. W3 Validated (W3C Validated) HTML and CSS Codes. No JavaScript or jQuery. Clean, Fresh, and Well Decorated Codes. used four active colors when input checked [dark, blue, orange, mauve]. used Font Awesome Icons. All Browser Compatible. Easy to Customize. 100% Responsive. You will get HTML file, CSS files, Documentation file. You can use any HTML editor code software to develop the item as Atom, Visual Studio Code and Sublime. You can use it in registration, rating, online exams, polls pages and many other purposes. Custom Checkbox CSS can be easily integrated into HTML Project or Website to Enhance the Attractiveness of the HTML Form.

]]>
Trans Creative Pricing Table 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/trans-creative-pricing-table/36336720 Trans Creative Pricing Table is a pack of pure CSS3, responsive and animated Pricing Tables. The template comes with 10 different animated styles, Pricing & number of users changes based on Package frequency (Monthly/Annually). 100% CSS3 and 0% JavaScript.

This version is dedicated for any custom CMS based site as well as for non-CMS site and will work with straight HTML or PHP based websites.

Features

  • Pure CSS + HTML,
  • Responsive Layout,
  • 10 Different Animated Styles,
  • Package frequency selector with price value change.
  • Animated Multi Color Version Available,
  • CSS3 Tooltips,
  • Animated Hover States,
  • Documentation Included.

View Demo

]]>
Trans Creative Pricing Table is a pack of pure CSS3, responsive and animated Pricing Tables. The template comes with 10 different animated styles, Pricing & number of users changes based on Package frequency (Monthly/Annually). 100% CSS3 and 0% JavaScript.

This version is dedicated for any custom CMS based site as well as for non-CMS site and will work with straight HTML or PHP based websites.

Features

  • Pure CSS + HTML,
  • Responsive Layout,
  • 10 Different Animated Styles,
  • Package frequency selector with price value change.
  • Animated Multi Color Version Available,
  • CSS3 Tooltips,
  • Animated Hover States,
  • Documentation Included.

View Demo

]]>
Elite Price Table 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/elite-price-table/36332640 Elite Price Table is Awesome Responsive Clean Simple Flat Pricing Tables this is a set of Flat & Gorgeous clean responsive pricing tables with awesome Responsive Price Table Template including minimal pricing table, Flat pricing table, hosting package price table with awesome hover Effect animations.

Elite Price Table Pricing Table template coded with Amazing beautiful and clean codes! Some powerful HTML & CSS files 100% W3 valid web standards. and also 100% responsive, mobile-first Pricing Table for your business, agency, service sale website.

Elite Price Table Features:

  • Flat, modern and clean design
  • Variety of colors
  • 5 different various pricing table
  • Built with CSS3
  • W3C Validate Code
  • Built with HTML & CSS
  • Fully Responsive
  • Clean and commented code
  • Amazing gradients Background
  • Smooth Transition Effects
  • Awesome Css Animation
  • Fontawesome / Flaticon
  • Easy to use
  • 24/7 Awesome Support
  • Detailed documentation
  • More demo coming soon!

Fonts Used:

  • Google Fonts

Icons Used:

You will Get:

  • Html Files
  • Css Files
  • Documents files

Note: Images are only for demo purpose and not included with the download bundle.

]]>
Elite Price Table is Awesome Responsive Clean Simple Flat Pricing Tables this is a set of Flat & Gorgeous clean responsive pricing tables with awesome Responsive Price Table Template including minimal pricing table, Flat pricing table, hosting package price table with awesome hover Effect animations.

Elite Price Table Pricing Table template coded with Amazing beautiful and clean codes! Some powerful HTML & CSS files 100% W3 valid web standards. and also 100% responsive, mobile-first Pricing Table for your business, agency, service sale website.

Elite Price Table Features:

  • Flat, modern and clean design
  • Variety of colors
  • 5 different various pricing table
  • Built with CSS3
  • W3C Validate Code
  • Built with HTML & CSS
  • Fully Responsive
  • Clean and commented code
  • Amazing gradients Background
  • Smooth Transition Effects
  • Awesome Css Animation
  • Fontawesome / Flaticon
  • Easy to use
  • 24/7 Awesome Support
  • Detailed documentation
  • More demo coming soon!

Fonts Used:

  • Google Fonts

Icons Used:

You will Get:

  • Html Files
  • Css Files
  • Documents files

Note: Images are only for demo purpose and not included with the download bundle.

]]>
Pressable buttons 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/pressable-buttons/36203674 A handy set of pressable CSS3 buttons that you can use for the development of your project. All of them have been developed using pure CSS3 code without any use of JavaScript.

Main Features:

  • 3 different button types
  • 7 different colors
  • Ability to change the shape of the button
  • Ability to change the size of the button
  • Ability to make the buttons animated

Product Includes:

  • pressable-buttons.css file (contains the button styling)
  • pressable-buttons.min.css file (minified version of pressable-buttons.css)
  • documentation.html file (document explaining how to use the asset)
  • Demo demonstrating the usage of the buttons
]]>
A handy set of pressable CSS3 buttons that you can use for the development of your project. All of them have been developed using pure CSS3 code without any use of JavaScript.

Main Features:

  • 3 different button types
  • 7 different colors
  • Ability to change the shape of the button
  • Ability to change the size of the button
  • Ability to make the buttons animated

Product Includes:

  • pressable-buttons.css file (contains the button styling)
  • pressable-buttons.min.css file (minified version of pressable-buttons.css)
  • documentation.html file (document explaining how to use the asset)
  • Demo demonstrating the usage of the buttons
]]>
Colorful Pricing Tables – HTML, CSS, SASS & Bootstrap 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/colorful-pricing-tables-html-css-sass-bootstrap/36179560 Colorful Pricing Tables – HTML, CSS, SASS & Bootstrap is a modern responsive pricing table build with Bootstrap 4 framework. It’s built 3 styles and 37 colors included with bootstrap grid. The advantage of this code is that the css and sass codes of each table are located in separate files. So that it is convenient to keep the code elsewhere.

Simple to implement, Just copy the HTML and link to the CSS,SASS file. No JavaScript required!. You can easily edit, change and customize them for yourself.

FEATURES

  • Modern, clean and unique design
  • Easy to use
  • Easy to customize
  • 3 Pricing Tables
  • 37 Colors Included
  • Made with Bootstrap 4 Framework
  • HTML5, CSS3 & SASS
  • Responsive Design
  • Easy to Customize
  • Retina Ready
  • Well documented
  • Pure CSS
  • Hover Effect
  • 6 icons
  • Documented

 

]]>
Colorful Pricing Tables – HTML, CSS, SASS & Bootstrap is a modern responsive pricing table build with Bootstrap 4 framework. It’s built 3 styles and 37 colors included with bootstrap grid. The advantage of this code is that the css and sass codes of each table are located in separate files. So that it is convenient to keep the code elsewhere.

Simple to implement, Just copy the HTML and link to the CSS,SASS file. No JavaScript required!. You can easily edit, change and customize them for yourself.

FEATURES

  • Modern, clean and unique design
  • Easy to use
  • Easy to customize
  • 3 Pricing Tables
  • 37 Colors Included
  • Made with Bootstrap 4 Framework
  • HTML5, CSS3 & SASS
  • Responsive Design
  • Easy to Customize
  • Retina Ready
  • Well documented
  • Pure CSS
  • Hover Effect
  • 6 icons
  • Documented

 

]]>
zi3i - Photography Animated Ad Banners 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/zi3i-photography-animated-ad-banners/36045717 The top performing animated ad banners sizes. It’s developed purely on HTML & CSS3, well coded, clear comments & well documented. It comes 7 different ad sizes. You can put content of any type inside ad sections including text, lists, logo & hyperlink.

Sizes of Animated Ad Banners

• Wide Skyscraper (160×600 pixels) • Square (250×250 pixels) • Medium (300×250 pixels) • Large Rectangle (336×280 pixels) • Half Page (300×600 pixels) • Leaderboard (728×90 pixels) • Large Leaderboard (970×90 pixels)

Features:

• Each ad size has its own style sheet which is easier to modify based on your needs. • The style and animation for each div is clearly differentiated with comments • This will work in all modern browsers. • This version is dedicated for any custom CMS based site and will work in straight HTML or PHP based pages. • Pure CSS3 + HTML • Horizontal And Vertical Layout • Smooth CSS3 Animation • Documentation Included

Demo

]]>
The top performing animated ad banners sizes. It’s developed purely on HTML & CSS3, well coded, clear comments & well documented. It comes 7 different ad sizes. You can put content of any type inside ad sections including text, lists, logo & hyperlink.

Sizes of Animated Ad Banners

• Wide Skyscraper (160×600 pixels) • Square (250×250 pixels) • Medium (300×250 pixels) • Large Rectangle (336×280 pixels) • Half Page (300×600 pixels) • Leaderboard (728×90 pixels) • Large Leaderboard (970×90 pixels)

Features:

• Each ad size has its own style sheet which is easier to modify based on your needs. • The style and animation for each div is clearly differentiated with comments • This will work in all modern browsers. • This version is dedicated for any custom CMS based site and will work in straight HTML or PHP based pages. • Pure CSS3 + HTML • Horizontal And Vertical Layout • Smooth CSS3 Animation • Documentation Included

Demo

]]>
Responsive 3D Animated Card Hover Effect - Bootstrap, CSS3 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/responsive-3d-animated-card-hover-effect-bootstrap-css3/36024868 Item Description:

Responsive 3D Animated Card Hover Effect can use our team, portfolio, customer’s reviews, product card for e-commerce, or other purposes to any website. All HTML, CSS, Bootstrap has W3C Validated and Well Commented and Decorated Code. It can easily integrate into any Website or HTML Project.


Item Features:
W3C Validated or W3 Validated HTML5 CSS3 Bootstrap No JavaScript 3D Animated Card Clean, Fresh, and Well Decorated Codes Well Commented All Browser Compatible (tested by some major web browsers – Google Chrome, Mozilla Firefox, Microsoft Edge, Internet Explorer) Well Documented Easy to Customize


Please Note:
This item includes HTML, CSS, Bootstrap, it is not a WordPress Plugin but you can use this Responsive 3D Animated Card Hover Effect in your WordPress website by using custom HTML and CSS Code.


Need Support?

If you have any queries regarding this item, please feel free to message me from the Contact form on my Profile Page RokRasel.

]]>
Item Description:

Responsive 3D Animated Card Hover Effect can use our team, portfolio, customer’s reviews, product card for e-commerce, or other purposes to any website. All HTML, CSS, Bootstrap has W3C Validated and Well Commented and Decorated Code. It can easily integrate into any Website or HTML Project.


Item Features:
W3C Validated or W3 Validated HTML5 CSS3 Bootstrap No JavaScript 3D Animated Card Clean, Fresh, and Well Decorated Codes Well Commented All Browser Compatible (tested by some major web browsers – Google Chrome, Mozilla Firefox, Microsoft Edge, Internet Explorer) Well Documented Easy to Customize


Please Note:
This item includes HTML, CSS, Bootstrap, it is not a WordPress Plugin but you can use this Responsive 3D Animated Card Hover Effect in your WordPress website by using custom HTML and CSS Code.


Need Support?

If you have any queries regarding this item, please feel free to message me from the Contact form on my Profile Page RokRasel.

]]>
3D TEXT- CSS3 Hover & Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/3d-text-css3-hover-animation/35998737 3D TEXT- CSS3 Hover Animation

3D TEXT- CSS3 Hover Animation is a clean, beautiful and fully build with clean css. no java script used. 3D text is easily customizable. Every one can use this 3D text to their website, portfolio.

3D text build for title of web pages, everyone can use easily this 3d text to their websites. Text designed with 12 type shadow effect and 4 layer. Simple hover & animation used.

Feature

  • HTML5 and CSS3 Validated
  • Hover Effect
  • All Browser Supported
  • Easy Customization
  • Clean Code
  • Well Documented
  • Unique Design
  • Multipurpose Use
  • No Images Used

Zip Contain

  • index.html
  • css folder
  • documentation
]]>
3D TEXT- CSS3 Hover Animation

3D TEXT- CSS3 Hover Animation is a clean, beautiful and fully build with clean css. no java script used. 3D text is easily customizable. Every one can use this 3D text to their website, portfolio.

3D text build for title of web pages, everyone can use easily this 3d text to their websites. Text designed with 12 type shadow effect and 4 layer. Simple hover & animation used.

Feature

  • HTML5 and CSS3 Validated
  • Hover Effect
  • All Browser Supported
  • Easy Customization
  • Clean Code
  • Well Documented
  • Unique Design
  • Multipurpose Use
  • No Images Used

Zip Contain

  • index.html
  • css folder
  • documentation
]]>
Responsive Pricing Table Design - HTML, React, Vue, NEXT 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/responsive-pricing-table-design-html-react-vue-next/35975290 This is a Responsive Pricing Table code. In this item you’ll get multiple version design code. Those are HTML, React JS, Vue JS and NEXT JS. You will able to set this pricing table code on your code. You will get documentation on file to know how to use this code.

Design Version Available

  • HTML
  • React JS
  • Vue JS
  • NEXT JS

Technology Uses

  • HTML
  • CSS
  • React JS
  • Vue JS
  • NEXT JS

Features

  • Easy to customize the design
  • Cross browser support
  • Font icons
  • Pure CSS
  • Google web font
  • 3 Type of style
]]>
This is a Responsive Pricing Table code. In this item you’ll get multiple version design code. Those are HTML, React JS, Vue JS and NEXT JS. You will able to set this pricing table code on your code. You will get documentation on file to know how to use this code.

Design Version Available

  • HTML
  • React JS
  • Vue JS
  • NEXT JS

Technology Uses

  • HTML
  • CSS
  • React JS
  • Vue JS
  • NEXT JS

Features

  • Easy to customize the design
  • Cross browser support
  • Font icons
  • Pure CSS
  • Google web font
  • 3 Type of style
]]>
CSS3 Circle Animation Effects 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css3-circle-animation-effects/35920821 Item Description:

CSS3 Circle Animation Effects is Validated Code and Well Commented. It helps in easy integration to any Web Projects.

Item Features:

  • HTML5
  • CSS3
  • No Bootstrap
  • No JavaScript
  • CSS3 Circle Animation Effects
  • Clean and Fresh Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Item Description:

CSS3 Circle Animation Effects is Validated Code and Well Commented. It helps in easy integration to any Web Projects.

Item Features:

  • HTML5
  • CSS3
  • No Bootstrap
  • No JavaScript
  • CSS3 Circle Animation Effects
  • Clean and Fresh Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
PURE HTML & CSS3 ANIMATED BANNERS 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/pure-html-css3-animated-banners/35842154 The top performing animated ad banners sizes. It’s developed purely on HTML & CSS3, well coded, clear comments & well documented. It comes 7 different ad sizes. You can put content of any type inside ad sections including text, lists, logo & hyperlink.

Sizes of Animated Ad Banners

• Wide Skyscraper (160×600 pixels) • Square (250×250 pixels) • Medium (300×250 pixels) • Large Rectangle (336×280 pixels) • Half Page (300×600 pixels) • Leaderboard (728×90 pixels) • Large Leaderboard (970×90 pixels)

Features:

• Each ad size has its own style sheet which is easier to modify based on your needs. • The style and animation for each div is clearly differentiated with comments • This will work in all modern browsers. • This version is dedicated for any custom CMS based site and will work in straight HTML or PHP based pages. • Pure CSS3 + HTML • Horizontal And Vertical Layout • Smooth CSS3 Animation • Documentation Included

]]>
The top performing animated ad banners sizes. It’s developed purely on HTML & CSS3, well coded, clear comments & well documented. It comes 7 different ad sizes. You can put content of any type inside ad sections including text, lists, logo & hyperlink.

Sizes of Animated Ad Banners

• Wide Skyscraper (160×600 pixels) • Square (250×250 pixels) • Medium (300×250 pixels) • Large Rectangle (336×280 pixels) • Half Page (300×600 pixels) • Leaderboard (728×90 pixels) • Large Leaderboard (970×90 pixels)

Features:

• Each ad size has its own style sheet which is easier to modify based on your needs. • The style and animation for each div is clearly differentiated with comments • This will work in all modern browsers. • This version is dedicated for any custom CMS based site and will work in straight HTML or PHP based pages. • Pure CSS3 + HTML • Horizontal And Vertical Layout • Smooth CSS3 Animation • Documentation Included

]]>
CSS3 Animated Checkbox for HTML Form 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css3-animated-checkbox-html-form/35837300 CSS3 Animated Checkbox for HTML Form can be easily integrated into HTML Project or Website to Enhance the Attractiveness of the HTML Form.

Features:

  • Animation and Effect on Click and Hover
  • W3 Validated (W3C Validated) HTML and CSS Codes
  • Fully HTML and CSS Codes
  • No JavaScript and or jQuery Plugin used
  • Well Decorated, Clean, Fresh Codes
  • All Browser Compatible
  • Tested on four major and popular web browsers (Google Chrome,
  • Microsoft Edge, Mozilla Firefox, Internet Explorer)
  • Easy to Customize

Please Note:
This item includes HTML and CSS, it is not a WordPress Plugin but you can use this CSS3 Animated Checkbox as List Items in your WordPress website by using custom HTML and CSS Code or using third party WordPress Plugin to add HTML and CSS codes.

Need Support?
If you have any queries regarding this item, please feel free to message me from the Contact form on my Profile Page RokRasel, I will get back to you as soon as possible.

]]>
CSS3 Animated Checkbox for HTML Form can be easily integrated into HTML Project or Website to Enhance the Attractiveness of the HTML Form.

Features:

  • Animation and Effect on Click and Hover
  • W3 Validated (W3C Validated) HTML and CSS Codes
  • Fully HTML and CSS Codes
  • No JavaScript and or jQuery Plugin used
  • Well Decorated, Clean, Fresh Codes
  • All Browser Compatible
  • Tested on four major and popular web browsers (Google Chrome,
  • Microsoft Edge, Mozilla Firefox, Internet Explorer)
  • Easy to Customize

Please Note:
This item includes HTML and CSS, it is not a WordPress Plugin but you can use this CSS3 Animated Checkbox as List Items in your WordPress website by using custom HTML and CSS Code or using third party WordPress Plugin to add HTML and CSS codes.

Need Support?
If you have any queries regarding this item, please feel free to message me from the Contact form on my Profile Page RokRasel, I will get back to you as soon as possible.

]]>
Full Screen Auto Slideshow (v. 1.0) 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/full-screen-auto-slideshow-v-10/35809380 Description:

Full screen, automatic, responsive slideshow with three effects, eight images and a drop-down menu on the right side of the screen with toggle buttons to change the effect. This slideshow is suitable for both website header backgrounds, portfolios, presentations and other purposes of your choice. How it will look on the first screen of the site, see the video and screenshots for an illustrative example.

As for setting up a slideshow inside the code, or if you have any questions, contact me for help, I will help you figure out what you do not understand and will answer your questions. Thank you for your attention, enjoy your use. My Email foxhunterweb@gmail.com

Features:

  • HTML 5 / CSS 3 / JavaScript JS
  • All code is valid
  • Cross Browser Compatible
  • Responsive Design
  • A pull-out menu with buttons for switching effects
  • 8 Pictures
  • 3 effects
  • Easily integrates into the site
  • Commented code
  • Project Documentation
  • Project Support
  • Free updates

Note:

All images in the demo using for sample preview only.

Sources and Credits:

Images:

Pixabay

Fonts:

Google Fonts - Fonts in the project ‘Montserrat’

Applied Technologies:

flexible box / transform / transition / background-position

Browser Support:

  • Chrome….................ver. 4+
  • Opera…....................ver. 12.1+
  • Safari….....................ver. 3.1+
  • Firefox…...................ver. 4+
  • Internet Explorer…....ver. 10+
  • Edge…......................ver. 12+

Can I use

]]>
Description:

Full screen, automatic, responsive slideshow with three effects, eight images and a drop-down menu on the right side of the screen with toggle buttons to change the effect. This slideshow is suitable for both website header backgrounds, portfolios, presentations and other purposes of your choice. How it will look on the first screen of the site, see the video and screenshots for an illustrative example.

As for setting up a slideshow inside the code, or if you have any questions, contact me for help, I will help you figure out what you do not understand and will answer your questions. Thank you for your attention, enjoy your use. My Email foxhunterweb@gmail.com

Features:

  • HTML 5 / CSS 3 / JavaScript JS
  • All code is valid
  • Cross Browser Compatible
  • Responsive Design
  • A pull-out menu with buttons for switching effects
  • 8 Pictures
  • 3 effects
  • Easily integrates into the site
  • Commented code
  • Project Documentation
  • Project Support
  • Free updates

Note:

All images in the demo using for sample preview only.

Sources and Credits:

Images:

Pixabay

Fonts:

Google Fonts - Fonts in the project ‘Montserrat’

Applied Technologies:

flexible box / transform / transition / background-position

Browser Support:

  • Chrome….................ver. 4+
  • Opera…....................ver. 12.1+
  • Safari….....................ver. 3.1+
  • Firefox…...................ver. 4+
  • Internet Explorer…....ver. 10+
  • Edge…......................ver. 12+

Can I use

]]>
Sphere - HTML & CSS Loader Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/sphere-html-css-loader-animation/35795497 Sphere – HTML & CSS Loader Animation

Sphere – HTML & CSS Preloader Animation is a clean, beautiful and fully build with clean css. no java script used. Preloader is easily customizable. Every one can use this preloader to their website, portfolio.

Sphere loader build for loading screen of web pages, everyone can use easily this loader to their websites. Loader designed with 5 color. 5 diffrent size of sphere used in designed. Simple rotation animation used.

Loader Feature

  • HTML5 and CSS3 Validated
  • Rotation Effect
  • All Browser Supported
  • Fully Responsive
  • Easy Customization
  • Clean Code
  • Well Documented
  • Unique Design
  • Multipurpose Use
  • No Images Used

Zip Contain

  • index.html
  • css folder > style.css
]]>
Sphere – HTML & CSS Loader Animation

Sphere – HTML & CSS Preloader Animation is a clean, beautiful and fully build with clean css. no java script used. Preloader is easily customizable. Every one can use this preloader to their website, portfolio.

Sphere loader build for loading screen of web pages, everyone can use easily this loader to their websites. Loader designed with 5 color. 5 diffrent size of sphere used in designed. Simple rotation animation used.

Loader Feature

  • HTML5 and CSS3 Validated
  • Rotation Effect
  • All Browser Supported
  • Fully Responsive
  • Easy Customization
  • Clean Code
  • Well Documented
  • Unique Design
  • Multipurpose Use
  • No Images Used

Zip Contain

  • index.html
  • css folder > style.css
]]>
CSS 3D Animated Flip Button with Hover Effect 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css-3d-animated-flip-button-hover-effect/35528877 CSS 3D Animated Flip Button with Hover Effect has W3C Validated Code and Well Decorated. It helps in easy integration to any Website or HTML Project.

Features:
W3C Validated HTM and CSS Codes
3D Button Using HTML5 and CSS3
No JavaScript or jQuery
Clean, Fresh, and Well Decorated Codes
All Browser Compatible
Easy to Customize

Please Note:
This item includes HTML and CSS only, it is not a WordPress Plugin but you can use this CSS 3D Animated Flip Button with Hover Effect in your WordPress website by using the custom function or using third party WordPress Plugins to inject code to your website in the header section and after the start body tag.

Need Support?
If you have any queries regarding this item, please feel free to message me from the Contact form on my Profile Page RokRasel.

]]>
CSS 3D Animated Flip Button with Hover Effect has W3C Validated Code and Well Decorated. It helps in easy integration to any Website or HTML Project.

Features:
W3C Validated HTM and CSS Codes
3D Button Using HTML5 and CSS3
No JavaScript or jQuery
Clean, Fresh, and Well Decorated Codes
All Browser Compatible
Easy to Customize

Please Note:
This item includes HTML and CSS only, it is not a WordPress Plugin but you can use this CSS 3D Animated Flip Button with Hover Effect in your WordPress website by using the custom function or using third party WordPress Plugins to inject code to your website in the header section and after the start body tag.

Need Support?
If you have any queries regarding this item, please feel free to message me from the Contact form on my Profile Page RokRasel.

]]>
Button Hover Effects 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/button-hover-effects/35231303 Item Description:

Button Hover Effects is Validated Code and Well Commented. It helps in easy integration to any Web Projects.

Item Features:

  • Total 16 Button Hover Effects
  • 4 Square Button
  • 5 Radius Button
  • 1 Gradient Button
  • 6 Border Button
  • HTML5
  • CSS3
  • No Bootstrap
  • No JavaScript
  • Button Hover Effects
  • Clean and Fresh Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML, CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Item Description:

Button Hover Effects is Validated Code and Well Commented. It helps in easy integration to any Web Projects.

Item Features:

  • Total 16 Button Hover Effects
  • 4 Square Button
  • 5 Radius Button
  • 1 Gradient Button
  • 6 Border Button
  • HTML5
  • CSS3
  • No Bootstrap
  • No JavaScript
  • Button Hover Effects
  • Clean and Fresh Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML, CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Jizcssl - Loading Animation Effects 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/jizcssl-loading-animation-effects/35006356 Jizcssl - Loading Animation Effects - 1

]]>
Jizcssl - Loading Animation Effects - 1

]]>
CSS responsive Menupack 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css-responsive-menupack/34980001 CSS Responsive Menupack is a responsive Menubars which you can use in your website by adding the CSS and JS file in your website’s folder. It’s made with HTML5, CSS3 and jQuery as per required. No Bootstrap or any other framework used. For this, it’s really easy to use. It’s totally responsive for all devices. The Tablet break point starts from 992px and mobile breakpoint starts from 767px. It’s well documented and well commented in CSS. So, the users can quickly edit the css files and you can also add your own background colors as your need and the color changing infor you will get in documentation. Here have 5 types of menubar.

  • left-side
  • left-side
  • left-side
  • left-side
  • left-side
Here if your Live Demo Link

Elements That used here

  1. HTML5
  2. CSS3
  3. jQuery
  4. Animated sliding indicatior on mouse slide in menubar (Own hand maded)
  5. Animated Hamburger
  6. Font awesome 5 (Some icons)
  7. JS Bamburger Nav icon
  8. Mega Menu
  9. Sub Menu
  10. Animated Sticky Nav on scroll
  11. No framework used like Bootstrap, UIKit and so on. So, you can use it where you want quickly.
]]>
CSS Responsive Menupack is a responsive Menubars which you can use in your website by adding the CSS and JS file in your website’s folder. It’s made with HTML5, CSS3 and jQuery as per required. No Bootstrap or any other framework used. For this, it’s really easy to use. It’s totally responsive for all devices. The Tablet break point starts from 992px and mobile breakpoint starts from 767px. It’s well documented and well commented in CSS. So, the users can quickly edit the css files and you can also add your own background colors as your need and the color changing infor you will get in documentation. Here have 5 types of menubar.

  • left-side
  • left-side
  • left-side
  • left-side
  • left-side
Here if your Live Demo Link

Elements That used here

  1. HTML5
  2. CSS3
  3. jQuery
  4. Animated sliding indicatior on mouse slide in menubar (Own hand maded)
  5. Animated Hamburger
  6. Font awesome 5 (Some icons)
  7. JS Bamburger Nav icon
  8. Mega Menu
  9. Sub Menu
  10. Animated Sticky Nav on scroll
  11. No framework used like Bootstrap, UIKit and so on. So, you can use it where you want quickly.
]]>
AZ-Buttons - HTML5 & CSS3 Modern Button Collection 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/az-buttons-html5-css3-modern-button-collection/34932887 AZ-Button is a modern CSS3 buttons collections. It has 50+ buttons in the demo of different colors, style and hover effects with animation including social media buttons. Developed with SCSS making it possible for any one using it to come-up with the 10k+ possible combination to use with your own project.You can use this button on your project easily by just copying the code from demo HTML file.

UNIQUE CUSTOM CLASS NAME MAKES IT COMPATIBLE FOR USING IT WITH ANY OTHER CSS FRAMEWORK LIKE BOOTSTRAP, TAILWIND ETC…

Best for Custom Coded Website, Configure Color Schemes using SCSS file included in this item and use it without the need of adding any extra css code.

Screenshots available in docs folder when you download this item.

How To Use

With SCSS Edit SCSS file as per your need for colors Compile with any compiler of your choice Reference the compiled CSS File in your html head section Copy any button Code from demo index.html file and use it.

Without SCSS Reference the CSS File available inside the Item in your html head section Copy any button Code from demo index.html file and use it.

AZ-Buttons - HTML5 & CSS3 Modern Button Collection - 1

Features:
  • 50+ Buttons Styles Included
  • 9 Social Button Styles
  • Radius, Full Width, Size – Yah!
  • Compatible With any Framework
  • Major Browser Supported
  • Font Awesome Included
  • Follow CSS, HTML5 Standard
  • Clean Coding, W3c Complaince
  • HTML,CSS & SCSS File Included
  • Easy to integrate on any website
  • Easy to Change the button colors as per the requirement 
  • Animated buttons
  • Easy to change the Text & Icons of the buttons
  • Cross Browser Functionality
  • No Javascript Or Jquery Required / Include
  • Pure Code No Images Or Javascript
  • 3 Sizes
  • Compatible with major CSS Framework
  • Smooth Effects
]]>
AZ-Button is a modern CSS3 buttons collections. It has 50+ buttons in the demo of different colors, style and hover effects with animation including social media buttons. Developed with SCSS making it possible for any one using it to come-up with the 10k+ possible combination to use with your own project.You can use this button on your project easily by just copying the code from demo HTML file.

UNIQUE CUSTOM CLASS NAME MAKES IT COMPATIBLE FOR USING IT WITH ANY OTHER CSS FRAMEWORK LIKE BOOTSTRAP, TAILWIND ETC…

Best for Custom Coded Website, Configure Color Schemes using SCSS file included in this item and use it without the need of adding any extra css code.

Screenshots available in docs folder when you download this item.

How To Use

With SCSS Edit SCSS file as per your need for colors Compile with any compiler of your choice Reference the compiled CSS File in your html head section Copy any button Code from demo index.html file and use it.

Without SCSS Reference the CSS File available inside the Item in your html head section Copy any button Code from demo index.html file and use it.

AZ-Buttons - HTML5 & CSS3 Modern Button Collection - 1

Features:
  • 50+ Buttons Styles Included
  • 9 Social Button Styles
  • Radius, Full Width, Size – Yah!
  • Compatible With any Framework
  • Major Browser Supported
  • Font Awesome Included
  • Follow CSS, HTML5 Standard
  • Clean Coding, W3c Complaince
  • HTML,CSS & SCSS File Included
  • Easy to integrate on any website
  • Easy to Change the button colors as per the requirement 
  • Animated buttons
  • Easy to change the Text & Icons of the buttons
  • Cross Browser Functionality
  • No Javascript Or Jquery Required / Include
  • Pure Code No Images Or Javascript
  • 3 Sizes
  • Compatible with major CSS Framework
  • Smooth Effects
]]>
Navkit | A HTML/CSS ONLY Responsive Navbar 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/navkit-htmlcss-only-responsive-navbar/34307033 Navkit | A HTML/CSS ONLY Responsive Navbar - 1

Navkit-Navbar

A responsive navbar perfect for sites with no javascript at all.

Features:

  1. No Javascript
  2. Responsible Layout
  3. Scrollable Menu Functionality
  4. Themes (light/dark)
  5. Create You Own Theme
  6. Dropdown Menu
  7. Responsive Container
  8. Full Width Container
  9. Well Documented


]]>
Navkit | A HTML/CSS ONLY Responsive Navbar - 1

Navkit-Navbar

A responsive navbar perfect for sites with no javascript at all.

Features:

  1. No Javascript
  2. Responsible Layout
  3. Scrollable Menu Functionality
  4. Themes (light/dark)
  5. Create You Own Theme
  6. Dropdown Menu
  7. Responsive Container
  8. Full Width Container
  9. Well Documented


]]>
CSS Background Shapes Bundle 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css-background-shapes-bundle/34204995 CSS Background Shapes is a CSS bundle for modern background blocks with beautiful CSS shapes. It supports Bootstrap CSS framework, Tailwind CSS Framework, and plain vanilla CSS. All layouts are mobile-ready and responsive, use SVG instead of images, and are easily configurable through CSS classes and variables.

\\ Supported CSS Frameworks

  • Bootstrap CSS Frameworks
  • Tailwind CSS Frameworks
  • Plain CSS

\\ Variants

  • 47 Examples
  • 14 bottom border shape types
  • 11 background shape types
  • Flat background Style
  • Radial Gradient Backgrounds
  • Stripes Backgrounds
  • Solid Backgrounds
  • Shadow

\\ General Features

  • Easy to use
  • Responsive and mobile-first
  • Easy to change colors
  • Modern CSS3 with CSS variables
  • Any style combinations are possible using CSS classes and CSS variables.
  • A sketch file with SVG shapes is included.
  • Detailed documentation is included!

Regular Updates

]]>
CSS Background Shapes is a CSS bundle for modern background blocks with beautiful CSS shapes. It supports Bootstrap CSS framework, Tailwind CSS Framework, and plain vanilla CSS. All layouts are mobile-ready and responsive, use SVG instead of images, and are easily configurable through CSS classes and variables.

\\ Supported CSS Frameworks

  • Bootstrap CSS Frameworks
  • Tailwind CSS Frameworks
  • Plain CSS

\\ Variants

  • 47 Examples
  • 14 bottom border shape types
  • 11 background shape types
  • Flat background Style
  • Radial Gradient Backgrounds
  • Stripes Backgrounds
  • Solid Backgrounds
  • Shadow

\\ General Features

  • Easy to use
  • Responsive and mobile-first
  • Easy to change colors
  • Modern CSS3 with CSS variables
  • Any style combinations are possible using CSS classes and CSS variables.
  • A sketch file with SVG shapes is included.
  • Detailed documentation is included!

Regular Updates

]]>
Si Buttons - Sci-Fi Pure Css Buttons 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/si-buttons-sci-fi-pure-css-buttons/34161483 Easy to implement Sci-Fi Pure Css Buttons.

Features

  • Easy to implement, you just need to Copy code & paste.
  • Pure Css
  • With Hover Effect
  • Animation
]]>
Easy to implement Sci-Fi Pure Css Buttons.

Features

  • Easy to implement, you just need to Copy code & paste.
  • Pure Css
  • With Hover Effect
  • Animation
]]>
Gradient Buttons Collection 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/gradient-buttons-collection/34119810 Gradient Buttons Collection is a CSS bundle for stylish gradient buttons. It supports Bootstrap CSS framework, Tailwind CSS Framework, and plain vanilla CSS. All buttons are mobile-ready and responsive, work great with Font Awesome icons, and support hover, focus, active, and disabled states.

\\ Supported CSS Frameworks

  • Bootstrap CSS Frameworks
  • Tailwind CSS Frameworks
  • Plain CSS
  • Supports Font Awesome icons

\\ Supported Button Types

  • Buttons
  • Inputs
  • Links

\\ Variants

  • Multiple color variants
  • Buttons with rounded corners
  • Buttons with rounded XL corners
  • Square corners
  • Linear gradients
  • Radial gradients
  • Disabled buttons
  • Four gradient angle types

\\ Button States

  • Hover animations
  • Focus state including keyboard support
  • Active state
  • Disabled state

\\ General Features

  • Easy to use
  • Responsive and mobile-first
  • Modern CSS3 with CSS variables
  • Great documentation is included!

Regular Updates

]]>
Gradient Buttons Collection is a CSS bundle for stylish gradient buttons. It supports Bootstrap CSS framework, Tailwind CSS Framework, and plain vanilla CSS. All buttons are mobile-ready and responsive, work great with Font Awesome icons, and support hover, focus, active, and disabled states.

\\ Supported CSS Frameworks

  • Bootstrap CSS Frameworks
  • Tailwind CSS Frameworks
  • Plain CSS
  • Supports Font Awesome icons

\\ Supported Button Types

  • Buttons
  • Inputs
  • Links

\\ Variants

  • Multiple color variants
  • Buttons with rounded corners
  • Buttons with rounded XL corners
  • Square corners
  • Linear gradients
  • Radial gradients
  • Disabled buttons
  • Four gradient angle types

\\ Button States

  • Hover animations
  • Focus state including keyboard support
  • Active state
  • Disabled state

\\ General Features

  • Easy to use
  • Responsive and mobile-first
  • Modern CSS3 with CSS variables
  • Great documentation is included!

Regular Updates

]]>
Eva - Ring & Sphere Pre Loader Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/eva-ring-sphere-pre-loader-animation/33908434 Eva – Ring & Sphere Pre Loader Animation
  • Very easy to use
  • Supports all latest browser versions
  • Fully responsive
  • No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

]]>
Eva – Ring & Sphere Pre Loader Animation
  • Very easy to use
  • Supports all latest browser versions
  • Fully responsive
  • No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

]]>
Dragon Loading Page - Html & Css 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/dragon-loading-page-html-css/33808017 Main Features:
  • HTML & CSS Coding
  • Easy to Customize
  • Complete Documentation
  • All Browsers Compatibility
  • Simple Animation
  • Dragon Style Design
  • Clean and Fresh Code
  • Easy to Customize
  • NO JavaScript Used
  • NO Bootstrap Used
  • No Gif and Images Used
  • High Performance

Zip File Contents:

  • Html File
  • Css File
  • Documentation File
]]>
Main Features:
  • HTML & CSS Coding
  • Easy to Customize
  • Complete Documentation
  • All Browsers Compatibility
  • Simple Animation
  • Dragon Style Design
  • Clean and Fresh Code
  • Easy to Customize
  • NO JavaScript Used
  • NO Bootstrap Used
  • No Gif and Images Used
  • High Performance

Zip File Contents:

  • Html File
  • Css File
  • Documentation File
]]>
Spheres Loading - Html & Css 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/spheres-loading-html-css/33807808 Main Features:
  • Sphere Design
  • Clean Html & Css Code
  • Easy to Customize
  • Complete Documentation
  • All Browsers Compatibility
  • Simple Animation
  • Unique Design
  • Clean and Fresh Code
  • Easy to Customize
  • NO JavaScript Used
  • NO Bootstrap Used
  • High Performance

Zip File Contents:

  • Html File
  • Css File
  • Documentation File
]]>
Main Features:
  • Sphere Design
  • Clean Html & Css Code
  • Easy to Customize
  • Complete Documentation
  • All Browsers Compatibility
  • Simple Animation
  • Unique Design
  • Clean and Fresh Code
  • Easy to Customize
  • NO JavaScript Used
  • NO Bootstrap Used
  • High Performance

Zip File Contents:

  • Html File
  • Css File
  • Documentation File
]]>
Loading Page -Html & Css 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/loading-page-html-css/33806716 Main Features:
  • Pure HTML & CSS
  • Easy to Customize
  • Complete Documentation
  • All Browsers Compatibility
  • Simple Animation
  • Unique Design
  • Clean and Fresh Code
  • Easy to Customize
  • NO JavaScript Used
  • NO Bootstrap Used
  • High Performance

Zip File Contents:

  • Html File
  • Css File
  • Documentation File
]]>
Main Features:
  • Pure HTML & CSS
  • Easy to Customize
  • Complete Documentation
  • All Browsers Compatibility
  • Simple Animation
  • Unique Design
  • Clean and Fresh Code
  • Easy to Customize
  • NO JavaScript Used
  • NO Bootstrap Used
  • High Performance

Zip File Contents:

  • Html File
  • Css File
  • Documentation File
]]>
CSS3 Button Hover Effects 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css3-button-hover-effects/32592878 Item Description:

CSS3 Button Hover Effects is Validated Code and Well Commented. It helps in easy integration to any Web Projects.

Item Features:

  • HTML5
  • CSS3
  • No Bootstrap
  • No JavaScript
  • CSS3 Button Hover Effects
  • Total 6 Hover Effects
  • 2 Different Color Layout
  • Light Layout
  • Dark Layout
  • Clean and Fresh Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Item Description:

CSS3 Button Hover Effects is Validated Code and Well Commented. It helps in easy integration to any Web Projects.

Item Features:

  • HTML5
  • CSS3
  • No Bootstrap
  • No JavaScript
  • CSS3 Button Hover Effects
  • Total 6 Hover Effects
  • 2 Different Color Layout
  • Light Layout
  • Dark Layout
  • Clean and Fresh Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Simple Animated Menu Icon 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/simple-animated-menu-icon/30169375 Animated menu icon for your navigation bar.

]]>
Animated menu icon for your navigation bar.

]]>
Seacy - Full Width Toggle Menu 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/seacy-full-width-toggle-menu/30120187 Seacy – Full Width Toggle Menu is a fully responsive toggle menu that you can use in your portfolio, e-commerce, business, company and many designs..

Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

]]>
Seacy – Full Width Toggle Menu is a fully responsive toggle menu that you can use in your portfolio, e-commerce, business, company and many designs..

Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

]]>
Hopper - Full Width Toggle Menu 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/hopper-full-width-toggle-menu/30119494 CSS > Navigation and Menus

Hopper – Full Width Toggle Menu is a fully responsive toggle menu that you can use in your portfolio, e-commerce, business, company and many designs..

Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

]]>
CSS > Navigation and Menus

Hopper – Full Width Toggle Menu is a fully responsive toggle menu that you can use in your portfolio, e-commerce, business, company and many designs..

Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

]]>
CSS3 Glowing Effect Button 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css3-glowing-effect-button/30082937 CSS3 Glowing Effect Button Animation HTML5 and CSS3 files are Validated and Well Commented. It helps in easy integration to any Web Projects.

Features:

  • 9 CSS3 Glowing Effect Button Animation
  • Circle Layout
  • Square Layout
  • Border Redius Layout
  • Dark Layout
  • HTML5 and CSS3
  • Unlimited CSS3 Glowing Effect Button Animation Follow Documentation
  • Clean Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
CSS3 Glowing Effect Button Animation HTML5 and CSS3 files are Validated and Well Commented. It helps in easy integration to any Web Projects.

Features:

  • 9 CSS3 Glowing Effect Button Animation
  • Circle Layout
  • Square Layout
  • Border Redius Layout
  • Dark Layout
  • HTML5 and CSS3
  • Unlimited CSS3 Glowing Effect Button Animation Follow Documentation
  • Clean Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Raana - Semi Transparent Toggle Menu 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/raana-semi-transparent-toggle-menu/30040138 Raana – Semi Transparent Toggle Menu is a fully responsive toggle menu that you can use in your portfolio, e-commerce, business, company and many designs..

Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

Note: images not included in downloaded folder

]]>
Raana – Semi Transparent Toggle Menu is a fully responsive toggle menu that you can use in your portfolio, e-commerce, business, company and many designs..

Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

Note: images not included in downloaded folder

]]>
Glowing Circle Loading Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/glowing-circle-loading-animation/30018704 Glowing Circle Loading Animation HTML5 and CSS3 files are Validated and Well Commented. It helps in easy integration to any Web Projects.

Features:

  • 10+ Glowing Circle Loading Animation
  • 6 Light Layout
  • 6 Dark Layout
  • HTML5 and CSS3
  • Unlimited Glowing Circle Loading Animation Follow Documentation
  • Clean Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Glowing Circle Loading Animation HTML5 and CSS3 files are Validated and Well Commented. It helps in easy integration to any Web Projects.

Features:

  • 10+ Glowing Circle Loading Animation
  • 6 Light Layout
  • 6 Dark Layout
  • HTML5 and CSS3
  • Unlimited Glowing Circle Loading Animation Follow Documentation
  • Clean Code
  • W3 Validation
  • All Browser Support
  • Well Documentation
  • Easy to Customize

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Menu-pack Responsive Bootstrap Navigation Menu 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/menu-pack-responsive-bootstrap-navigation-menu/29991617 Overview

Menu-pack is Responsive Navigation And Header Styles.Various Hover Styles in Navbar.It Build Very Easy Layouts. Simple Coding & Easy to Customize. Include Perfect Layout & HTML5, CSS3,Bootstrap4 & fully Responsive in Menu-pack.

And Also Designed 2 Style Layouts White And Black.Menu-pack unique and modern design. Looking Very Simple & Awesome. It Is Easy To Customization, You can Used On Your Webside Looking perfect Header.

Please Check More information below:

Features

Menu-pack contains the following features:

  • Menu-pack Unique & Perfect Design
  • Menu-pack Include MegaMenu
  • White And Black Demos Here
  • Very Excellent Layouts
  • Build Based on Bootstrap4.
  • Google Fonts Included
  • Regular Updates
  • Valid HTML5 & CSS3 code
  • Attractive Design and smooth animation
  • Cross-browser compatibility
  • 22 Home pages Layouts
  • Search bar options
  • Creative and Modern Design
  • 100% Responsive Design
  • Awesome & Nice Look.
  • Amazing 5 stars support
  • Contact Form Working
  • Niche Specific demo
  • Excellent support
  • No console error
  • And much more….

Please Note:

Demo images are not include in the Purchese file!

Files included:

  • HTML files
  • CSS files
  • JS files
  • Documentation in HTML

Credits:

]]>
Overview

Menu-pack is Responsive Navigation And Header Styles.Various Hover Styles in Navbar.It Build Very Easy Layouts. Simple Coding & Easy to Customize. Include Perfect Layout & HTML5, CSS3,Bootstrap4 & fully Responsive in Menu-pack.

And Also Designed 2 Style Layouts White And Black.Menu-pack unique and modern design. Looking Very Simple & Awesome. It Is Easy To Customization, You can Used On Your Webside Looking perfect Header.

Please Check More information below:

Features

Menu-pack contains the following features:

  • Menu-pack Unique & Perfect Design
  • Menu-pack Include MegaMenu
  • White And Black Demos Here
  • Very Excellent Layouts
  • Build Based on Bootstrap4.
  • Google Fonts Included
  • Regular Updates
  • Valid HTML5 & CSS3 code
  • Attractive Design and smooth animation
  • Cross-browser compatibility
  • 22 Home pages Layouts
  • Search bar options
  • Creative and Modern Design
  • 100% Responsive Design
  • Awesome & Nice Look.
  • Amazing 5 stars support
  • Contact Form Working
  • Niche Specific demo
  • Excellent support
  • No console error
  • And much more….

Please Note:

Demo images are not include in the Purchese file!

Files included:

  • HTML files
  • CSS files
  • JS files
  • Documentation in HTML

Credits:

]]>
Social Media Button Hover Effect 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/social-media-button-hover-effect/29964480 Item Description:

Social Media Button HTML5 and CSS3 files are Validated and Well Commented. It helps in easy integration to any Web Projects.

Features:

  • 21 Different Layout
  • 21 Different Hover Effect
  • 7 Circle Hover Effect
  • 7 Square Hover Effect
  • 7 Transform Hover Effect
  • HTML5
  • CSS3
  • W3 Validation
  • All Browser Support
  • Well Documention
  • Standard Code
  • Font Awesome
  • Google Fonts
  • Well Commented Code
  • Clean Code
  • Easy to Customize

Sources and Credits

  • Google Fonts
  • Font Awesome

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Item Description:

Social Media Button HTML5 and CSS3 files are Validated and Well Commented. It helps in easy integration to any Web Projects.

Features:

  • 21 Different Layout
  • 21 Different Hover Effect
  • 7 Circle Hover Effect
  • 7 Square Hover Effect
  • 7 Transform Hover Effect
  • HTML5
  • CSS3
  • W3 Validation
  • All Browser Support
  • Well Documention
  • Standard Code
  • Font Awesome
  • Google Fonts
  • Well Commented Code
  • Clean Code
  • Easy to Customize

Sources and Credits

  • Google Fonts
  • Font Awesome

Note:

This Product includes HTML and CSS, it’s not a WordPress Plugin.

Need Support?

If you have any question or difficulty regarding this item, please feel free to message me from Contact form on my Profile Page romincomputer.

]]>
Glowing Loader Ring Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/glowing-loader-ring-animation/29914308 This is a loader that you can use very easily and it will be beautiful on your site. You can buy this loader rest assured. I hope you like it. Thanks

]]>
This is a loader that you can use very easily and it will be beautiful on your site. You can buy this loader rest assured. I hope you like it. Thanks

]]>
Full-screen Video, YouTube & Image Background by Dear 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/full-screen-video-youtube-image-background-dear/29909648 HTML, HTML5, BootStrap website. Made with mainly CSS and little JavaScript. First see the live preview:

Total 5 styles:

  • Style 1 – Normal Image Background, Fits Everyside
  • Style 2 – Background Image Will Be Changed When Someone Visits Again
  • Style 3 – Background Image Changes Automatically in Every 4 Seconds
  • Style 4 – Hosted Video Background (No sound, and with Play/Pause button)
  • Style 5 – YouTube Video Background (with sound, but without Play/Pause button)


Common Features:

  • Simple and eye-catching.

  • 100% Responsive layout to fit any screen size. Supports All Major Browsers.

  • Viewable in Desktop, Laptop, Tablet and Smartphone.

  • Less Code

  • Clean Code with sufficient comment that you can easily edit later.

  • All “Preview Images” are included in the Template. But if you want, you can replace.

  • If you resize the Browser, the Background Images or Video will fill the screen too. There will be no “black screen”.

  • All files are well-organized that you can find specific code or file easily.

  • All Files are “Local Files”. You don’t need to depend on any external file.

  • Well Documented with sufficient screenshots which will help you to edit.



Happy?

If you feel satisfied, make the product author happy too. You are requested to

  • leave a 5 star positive review
  • follow Envato profile to get latest update

Thank you

]]>
HTML, HTML5, BootStrap website. Made with mainly CSS and little JavaScript. First see the live preview:

Total 5 styles:

  • Style 1 – Normal Image Background, Fits Everyside
  • Style 2 – Background Image Will Be Changed When Someone Visits Again
  • Style 3 – Background Image Changes Automatically in Every 4 Seconds
  • Style 4 – Hosted Video Background (No sound, and with Play/Pause button)
  • Style 5 – YouTube Video Background (with sound, but without Play/Pause button)


Common Features:

  • Simple and eye-catching.

  • 100% Responsive layout to fit any screen size. Supports All Major Browsers.

  • Viewable in Desktop, Laptop, Tablet and Smartphone.

  • Less Code

  • Clean Code with sufficient comment that you can easily edit later.

  • All “Preview Images” are included in the Template. But if you want, you can replace.

  • If you resize the Browser, the Background Images or Video will fill the screen too. There will be no “black screen”.

  • All files are well-organized that you can find specific code or file easily.

  • All Files are “Local Files”. You don’t need to depend on any external file.

  • Well Documented with sufficient screenshots which will help you to edit.



Happy?

If you feel satisfied, make the product author happy too. You are requested to

  • leave a 5 star positive review
  • follow Envato profile to get latest update

Thank you

]]>
Css Button Border Animation On Hover - CSS3 Hover Effects 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/css-button-border-animation-hover-css3-hover-effects/29874571 This button can be easily inserted on your site and will have a very attractive and beautiful appearance

]]>
This button can be easily inserted on your site and will have a very attractive and beautiful appearance

]]>
HTML CSS Preloader Animation Template 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/html-css-preloader-animation-template/29542258 Are you building a one page parallax scrolling website and getting concerned about your page load time?

Lets be honest, the one page websites can get quite bulky very quickly even when you optimize everything.

Many times when the web page is loading we often see a small piece of preloading animation. Pre-loaders are great tool to let your visitors know that the content is being loaded thus reducing a chance of visitor’s abandoning your website in this short period of time. HTML & CSS can be very well used to create amazing preloaders.

Modern high-speed Internet has really made us spoiled. These days, if a website takes more than 4 seconds to load, we tend to not even bother waiting; we simply close the page and find something else. That is exactly why we have developed this template.

Big websites like Facebook, Youtube all use this effect on their websites. So it would be great if you had this
If there is any question do not hesitate to contact me

HTML CSS Preloader Template - 1

HTML CSS Preloader Template - 2


Version: 1.0 – Last updated: 2020, Nov 27
Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome]]>
Are you building a one page parallax scrolling website and getting concerned about your page load time?

Lets be honest, the one page websites can get quite bulky very quickly even when you optimize everything.

Many times when the web page is loading we often see a small piece of preloading animation. Pre-loaders are great tool to let your visitors know that the content is being loaded thus reducing a chance of visitor’s abandoning your website in this short period of time. HTML & CSS can be very well used to create amazing preloaders.

Modern high-speed Internet has really made us spoiled. These days, if a website takes more than 4 seconds to load, we tend to not even bother waiting; we simply close the page and find something else. That is exactly why we have developed this template.

Big websites like Facebook, Youtube all use this effect on their websites. So it would be great if you had this
If there is any question do not hesitate to contact me

HTML CSS Preloader Template - 1

HTML CSS Preloader Template - 2


Version: 1.0 – Last updated: 2020, Nov 27
Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome]]>
Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/image-slider-pure-css-carousel-dark-mode-fullscreen-less-sas/29498159 The Slider – pure CSS / HTML image slider with fade animation.

Special for non-technical users, just paste the html code and go.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 1

The simplest way to apply your image slider on the website witout any JS. Put your urls to images and start using! that all!

OK! but why I need pure css slider?

  • with Slider you can easily create image carousel with any HTML creator (WYSIWYG) that you have access to save html with input and style tag! For example, blog post, wordpress page, forum post etc.
  • you will spend less time to install complicated plugins and library in your project – just copy & past,
  • performance is your key.
  • in your project You don’t have access to JS or there are NO-JS requirements.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 2

Easy to start but – it is a very powerful tool! We have a lot of functions.

Displaying images – frozen ratio or auto ratio

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 3

The Slider has 5 types of ratio preset – 1:1, 2:1, 4:3, 16:9, 21:9, and also the manual mode (for example you can set 100% of window height). You can also select an image that will cover your space or contain it.

Dark mode

Dark and light mode – set up your owns style for each mode – light and dark – use css variables and start to use dark mode.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 4

Animation – fade or move? or none

Responsive – slider is fully responsive

Full screen mode

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 5

The slider has full screen mode – can be switch by button – or use JS to change input checked() state

Two way to navigate – as befits a slider

Pagination (indicators) with dots.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 6

Navigation with two predefined style.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 7

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 8

Fully customizable – use CSS variables or LESS / SASS file with variables and mixin, colors, shadows, shapes of UI elements etc.

That all works only with HTML and CSS, no need JS at all, this technology is pure magic.

Note: With this plugin you have ability to apply any JS events or trigger method on input tag to manipulate slider behavior (slide, turn on/off fullscreen etc) – it’s very easy.

]]>
The Slider – pure CSS / HTML image slider with fade animation.

Special for non-technical users, just paste the html code and go.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 1

The simplest way to apply your image slider on the website witout any JS. Put your urls to images and start using! that all!

OK! but why I need pure css slider?

  • with Slider you can easily create image carousel with any HTML creator (WYSIWYG) that you have access to save html with input and style tag! For example, blog post, wordpress page, forum post etc.
  • you will spend less time to install complicated plugins and library in your project – just copy & past,
  • performance is your key.
  • in your project You don’t have access to JS or there are NO-JS requirements.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 2

Easy to start but – it is a very powerful tool! We have a lot of functions.

Displaying images – frozen ratio or auto ratio

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 3

The Slider has 5 types of ratio preset – 1:1, 2:1, 4:3, 16:9, 21:9, and also the manual mode (for example you can set 100% of window height). You can also select an image that will cover your space or contain it.

Dark mode

Dark and light mode – set up your owns style for each mode – light and dark – use css variables and start to use dark mode.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 4

Animation – fade or move? or none

Responsive – slider is fully responsive

Full screen mode

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 5

The slider has full screen mode – can be switch by button – or use JS to change input checked() state

Two way to navigate – as befits a slider

Pagination (indicators) with dots.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 6

Navigation with two predefined style.

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 7

Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass - 8

Fully customizable – use CSS variables or LESS / SASS file with variables and mixin, colors, shadows, shapes of UI elements etc.

That all works only with HTML and CSS, no need JS at all, this technology is pure magic.

Note: With this plugin you have ability to apply any JS events or trigger method on input tag to manipulate slider behavior (slide, turn on/off fullscreen etc) – it’s very easy.

]]>
Eva - Awesome CupCake Pre Loader Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/eva-awesome-cupcake-pre-loader-animation/29226848 Eva – Awesome CupCake Pre Loader Animation
  • Very easy to use
  • Supports all latest browser versions
  • Fully responsive
  • No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

]]>
Eva – Awesome CupCake Pre Loader Animation
  • Very easy to use
  • Supports all latest browser versions
  • Fully responsive
  • No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

]]>
Eva - Awesome Ripple Pre Loader Animation 2022-05-27T18:06:23+00:00 2022-05-27T18:06:23+00:00 /item/eva-awesome-ripple-pre-loader-animation/29226289 Eva – Awesome Ripple Pre Loader Animation
  • Very easy to use
  • Supports all latest browser versions
  • Fully responsive
  • No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

]]>
Eva – Awesome Ripple Pre Loader Animation
  • Very easy to use
  • Supports all latest browser versions
  • Fully responsive
  • No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

]]>