Message: Return type of CI_Session_files_driver::open($save_path, $name) should either be compatible with SessionHandlerInterface::open(string $path, string $name): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::close() should either be compatible with SessionHandlerInterface::close(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::read($session_id) should either be compatible with SessionHandlerInterface::read(string $id): string|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::write($session_id, $session_data) should either be compatible with SessionHandlerInterface::write(string $id, string $data): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::destroy($session_id) should either be compatible with SessionHandlerInterface::destroy(string $id): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::gc($maxlifetime) should either be compatible with SessionHandlerInterface::gc(int $max_lifetime): int|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Cannot modify header information - headers already sent by (output started at /home/palugada/domains/envato.palugada.top/public_html/system/core/Exceptions.php:271)
tag:envato.palugada.top/codecanyon:/feeds/new-css-slash-animations-and-effects-itemsCodecanyon new Animations and Effects items2025-12-17 09:01:22tag:codecanyon:Item/198714262017-05-06 04:07:042017-05-06 04:07:04Lhover – 100 CSS3 Animated Buttons (Animations and Effects) <p><strong>Lhover</strong> is a big collection of CSS3 Link Hover Effects which are suitable for any kind of Website. Lhover has 6 color combinations and only contains CSS3 and HTML5. Lhover are created with the more style advanced features. With Lhover you can include any link effect into your page very easy.</p><p>
<br />
</p><h3 id="item-description__features">Features:</h3>
<ul>
<li>Pure CSS3 + HTML5 (no JavaScript and jQuery)</li>
<li>100 CSS3 Link Hover Effects</li>
<li>6 Color Variants</li>
<li>Fully Responsive</li>
<li>Original Design</li>
<li>Compatible for all Major Browsers</li>
<li>Super Easy Customization and Implementation</li>
</ul>SOFTCODERStag:codecanyon:Item/196214342017-03-22 07:20:532017-03-22 07:20:53Progress Cube (Animations and Effects) <h3 id="item-description__-introduction">» Introduction</h3>
<p>The world´s smallest and most compact progress indicator for percental visualizing of a process or event in web apps, mobile apps and so on.</p>
<h3 id="item-description__-key-facts">» Key Facts</h3>
<ul>
<li><strong>Progress cube overall size</strong>: 16×16 pixel</li>
<li><strong>Progress cube calculation size</strong>: 10×10 pixel</li>
<li><strong>Progress range coverage</strong>: 0% – 100%</li>
<li><strong>Progress formula</strong>: 1% = 1pixel => 100% = 100pixel</li>
<li><strong>Progress cube background color</strong>: transparent</li>
<li><strong>Progress cube value colors</strong>: At the moment only available in dark gray</li>
<li><strong>Dependencies</strong>: HTML5, CSS3, Javascript</li>
<li><strong>Required knowledge</strong>: Javascript basics and usage of HTML5 data attributes and it’s corresponding dataset API</li>
<li><strong>Compatible browsers</strong>: IE9, IE10, IE11, Edge, Firefox, Safari, Opera, Chrome</li>
</ul>
<h3 id="item-description__-intention">» Intention</h3>
<p>The goal intention for developing this binary gadget was the dissatisfaction with the width in pixel of the most progress bars and circular progress indicators. For example, visualizing 100% with standard progress bars almost always requires a minimum of 100 pixel of space. Due to this reason a progress bar very often is not suitable in a HTML table cell where the column width should be hold at a minimum width.</p>
<h3 id="item-description__-usage">» Usage</h3>
<p>You can use this tiny progress cube in your web or mobile applications for every situation where a progress between 0 and 100 must be recorded. I currently use it in my file explorer as file upload progress indicator and in my loading dialog as page load progress indicator. You can even abuse it as a preloader if you endless loop the complete indicator range for a specific time. Basically, this progress cube can be used almost everywhere in your documents like an ordinary icon due to it´s compact size of 16×16 pixel.</p>
<h3 id="item-description__-architecture">» Architecture</h3>
<p>Each progress cube consists of 1 x PNG image sprite, 1 x PNG background image, 120 lines of CSS code, 3 lines of HTML code where the progress cube type must be defined and generally 1 line of Javascript code which is responsible for the percental visualization.</p>
<h3 id="item-description__-setup">» Setup</h3>
<p>The progress cube download package includes a short and precise setup guide.</p>
<h3 id="item-description__-updates">» Updates</h3>
<p>I am sure more progress cube types with different colors will be customized by me in the near future. It only depends on my spare time.</p>yomopantag:codecanyon:Item/195638032017-03-13 08:07:002017-03-13 08:07:00CSS3 Spinner & Loader Animations (Animations and Effects) <p>This is a set of 37 loading animation effects made only in CSS:</p>
<p>- Easy to use
- Supports all latest browser versions
- Material design colors included
- Instructions to customize
- No images, site loads faster</p>
<p>Enjoy!</p>
<p>Note: a javascript library is included just to make easy the cross-browser support labour.</p>kukas88tag:codecanyon:Item/194986132017-02-24 06:48:482017-03-02 17:52:48Killer - Hover Effects (Animations and Effects) <p>
These sets of hover effects are created using only pure CSS3 properties. The simplistic HTML structures will make the integration of these effects on your existing work to be easily implemented.
</p>
<p>
It is fully responsive and only uses pure CSS3 properties. Due to the limitation of old browser, some effects will not work on them.
</p>
<h3 id="item-description__unique-hover-effects">Unique Hover Effects</h3>
<ul>
<li> 26 Button Overly Effect </li>
<li> 31 Image Overlay Effect </li>
<li> 32 Detail Overlay Effect </li>
<li> 18 Caption Overlay Effect </li>
<li> 6 Image Effec </li>
<li> 4 Social Media Bar Effect </li>
</ul>wpdiggertag:codecanyon:Item/193543392017-01-24 09:59:172017-01-24 09:59:17CSS Image Filters (Animations and Effects) <p>A custom and original pack of <strong>Pure CSS Image Filters</strong> similar to Instagram filters. Extremely easy to use, good for hover effects.
They fall into the following categories: Grayscale, Sepia, Brightness and Overlay.</p>
<h2 id="item-description__features">Features</h2>
<ul>
<li>Pure CSS3 (no additional load time)</li>
<li>Over 150 unique filters</li>
<li>Use in one line of code</li>
<li>Apply or remove the filter <strong>on hover</strong></li>
<li>Upload your own photo to test filters</li>
<li>Sass supported</li>
</ul>robertpw1tag:codecanyon:Item/193265662017-01-20 06:51:012017-01-21 05:17:40Flutter - CSS Image Hover Effects & Lightbox (Animations and Effects) <p><strong>Why Flutter CSS Image Hover Effects & Lightbox?</strong> Flutter are designed for you so you can outstand your website and give something new to your site users. It’s time you replace your old and boring hover effects and let’s implement Flutter CSS image hover effects. These are unique and look awesome. These are creative and change your look of your website.</p>
<p>We developed these for you so you can make your site design more interesting and give a new look. Flutter effects are fully responsive and work well on small and large devices. We write the code that you can easily understand. You can easily implement any of hover effect, or lightbox. Just get the code from CSS file and you are done.</p>
<p>We have made 12 unique image effects which allow showing in two different grid system. You can show them in 2 or 3 Columns. These are light weight and work with four various types of Lightboxes. You can quickly implement any lightbox with any effect. The Lightboxes allow to add anything; You can add content, images, video, image and much more.</p>
<h2 id="item-description__features">Features:-</h2>
<ul>
<li>: 12 CSS Image Hover Effects</li>
<li>: 2 and 3 Columns System</li>
<li>: 4 Types of Lightbox
<ul>
<li>: Add Content</li>
<li>: Add Google Map</li>
<li>: Add Video</li>
<li>: Add Photo</li>
<li>: Anything You Like</li>
</ul>
</li>
<li>: Fully Responsive</li>
<li>: Supber Easy to used</li>
<li>: Help documentation</li>
<li>: Pure CSS3 and HTML5</li>
<li>: Compatible for all Major Browsers</li>
<li>: Fully Flexiable for Customization</li>
<li>: Help Documentation</li>
</ul>
<h3 id="item-description__important-note">Important Note:-</h3>
<p>Please note that pseudo-element transitions don’t work in every browser, especially the older version of the browser including IE. Best viewed in Chrome and Firefox.</p>
<h3 id="item-description__changelog">Changelog</h3>
<p><strong>18/01/2014 – Version 1.0</strong></p>
<ul>
<li>Initial release.</li>
</ul>reverietechtag:codecanyon:Item/48384092013-05-31 16:19:532013-05-31 16:19:53TileBox - Modern Responsive LightBox CSS (Animations and Effects) <p><a href="http://codecanyon.net/user/SOHN/follow"><img src="http://img.sonhlab.com/buttons/envato-connect.png" /></a>
<a href="https://www.facebook.com/sonhlab"><img src="http://img.sonhlab.com/buttons/fb-connect.png" /></a>
<a href="https://twitter.com/SONHlab"><img src="http://img.sonhlab.com/buttons/tt-connect.png" /></a>
<a href="https://plus.google.com/u/0/b/102785063617764907816/"><img src="http://img.sonhlab.com/buttons/gg-connect.png" /></a></p>
<h3 id="item-description__tilebox-modern-responsive-lightbox-css"><a href="http://docs.sonhlab.com/tilebox-modern-responsive-lightbox-css/">TileBox – Modern Responsive LightBox CSS</a></h3>
<p><strong>TileBox – Modern Responsive LightBox CSS</strong> is a small CSS plugin that is used to create a modern lightbox with CSS3 Animation Effects for modern browsers. TileBox is very light, it’s absolute 100% HTML and CSS so it can be customized easily.</p>
<h4 id="item-description__-this-is-not-a-wordpress-plugin"><strong># This is not a Wordpress Plugin #</strong></h4>
<h3 id="item-description__features">Features:</h3>
<ul>
<li>Responsive Design.</li>
<li>CSS3 Animation Effects.</li>
<li>Switch between two image sizes.</li>
<li>Support to display TileBox at Initial Load.</li>
<li>Customize easily.</li>
<li>Simple HTML Structure and CSS.</li>
</ul>
<h3 id="item-description__documentation">Documentation</h3>
If you like to see the plugin documentation you can check it here: <a href="http://docs.sonhlab.com/tilebox-modern-responsive-lightbox-css/">TileBox CSS Documentation</a>
<h3 id="item-description__support"><strong>Support</strong></h3>
If you have any question or feature request or bug report please email me. After purchase please rate and leave me some feedback to improve this item. Thank you!
<h3 id="item-description__my-portfolio"><strong>My Portfolio</strong></h3>
<h4 id="item-description__navion-metro-navigation-menu-accordion-switcher-css"><a href="http://docs.sonhlab.com/navion-metro-navigation-menu-accordion-switcher-css/">Navion – Metro Navigation Menu Accordion Switcher CSS</a></h4>
<a href="http://docs.sonhlab.com/navion-metro-navigation-menu-accordion-switcher-css/"><img src="http://img.sonhlab.com/products/navion-css-banner.png" alt="Navion - Metro Navigation Menu Accordion Switcher CSS" /></a>
<br /><br />
<h4 id="item-description__tabion-metro-tab-accordion-switcher-css"><a href="http://docs.sonhlab.com/tabion-metro-tab-accordion-switcher-css/">Tabion – Metro Tab Accordion Switcher CSS</a></h4>
<a href="http://docs.sonhlab.com/tabion-metro-tab-accordion-switcher-css/"><img src="http://img.sonhlab.com/products/tabion-css-banner.png" alt="Tabion - Metro Tab Accordion Switcher CSS" /></a>
<br /><br />
<h4 id="item-description__tablooper-responsive-loop-tab-metro-ui"><a href="http://docs.sonhlab.com/tablooper-responsive-metro-ui-loop-tab/">TabLooper – Responsive Loop Tab Metro UI</a></h4>
<a href="http://docs.sonhlab.com/tablooper-responsive-metro-ui-loop-tab/"><img src="http://img.sonhlab.com/products/tablooper-banner.png" alt="TabLooper - Responsive Loop Tab Metro UI" /></a>
<br /><br />
<h4 id="item-description__oneslider-responsive-slider-with-interactive-content"><a href="http://docs.sonhlab.com/oneslider-responsive-slider-with-interactive-content/">OneSlider – Responsive Slider With Interactive Content</a></h4>
<a href="http://docs.sonhlab.com/oneslider-responsive-slider-with-interactive-content/"><img src="http://img.sonhlab.com/products/oneslider-banner.jpg" alt="OneSlider - Responsive Slider With Interactive Content" /></a>
<br /><br />
<h4 id="item-description__rainbow-background-full-screen-jquery-plugin"><a href="http://docs.sonhlab.com/rainbow-backgrounds-jquery/">Rainbow Background Full Screen jQuery Plugin</a></h4>
<a href="http://docs.sonhlab.com/rainbow-backgrounds-jquery/"><img src="http://img.sonhlab.com/products/rainbowbg-banner-mid.jpg" alt="Rainbow Background Full Screen jQuery" /></a>
<br /><br />
<h4 id="item-description__onemenu-responsive-metro-ui-menu"><a href="http://docs.sonhlab.com/onemenu-responsive-metro-ui-menu/">OneMenu – Responsive Metro UI Menu</a></h4>
<a href="http://docs.sonhlab.com/onemenu-responsive-metro-ui-menu/"><img src="http://img.sonhlab.com/products/onemenu-banner.jpg" alt="OneMenu - Responsive Metro UI Menu" /></a>
<br /><br />
<h4 id="item-description__openpanel-open-unlimited-panel-any-where"><a href="http://docs.sonhlab.com/openpanel-responsive-panel-anywhere/">OpenPanel – Open Unlimited Panel Any Where</a></h4>
<a href="http://docs.sonhlab.com/openpanel-responsive-panel-anywhere/"><img src="http://img.sonhlab.com/products/openpanel-banner.png" alt="Open Unlimited Responsive Panel Any Where" /></a>
<br /><br />
<h4 id="item-description__responsive-shop-slider"><a href="http://docs.sonhlab.com/shopslider-commercial-resonsive-slider/">Responsive Shop Slider</a></h4>
<a href="http://docs.sonhlab.com/shopslider-commercial-resonsive-slider/"><img src="http://img.sonhlab.com/products/shopslider-banner.jpg" alt="Responsive Shop Slider" /></a>
<br /><br />
<h4 id="item-description__screenslider-responsive-touch-presentation"><a href="http://docs.sonhlab.com/screenslider-responsive-presentation-plugin/">ScreenSlider – Responsive Touch Presentation</a></h4>
<a href="http://docs.sonhlab.com/screenslider-responsive-presentation-plugin/"><img src="http://img.sonhlab.com/products/screenslider-banner.png" alt="ScreenSlider-Responsive-Touch-Presentation" /></a>
<br /><br />
<h4 id="item-description__metrobox-responsive-lightbox"><a href="http://docs.sonhlab.com/metrobox-unique-responsive-lightbox/">MetroBox – Responsive LightBox</a></h4>
<a href="http://docs.sonhlab.com/metrobox-unique-responsive-lightbox/"><img src="http://img.sonhlab.com/products/metrobox-banner.jpg" /></a>
<br /><br />
<h4 id="item-description__metro-tab-jquery"><a href="http://docs.sonhlab.com/metrotab-responsive-metro-ui-tabs/">Metro Tab jQuery</a></h4>
<a href="http://docs.sonhlab.com/metro-tabs-documentation/"><img src="http://img.sonhlab.com/products/metrotabs-banner.jpg" alt="Metro Tabs jQuery" /></a>
<br /><br />
<h4 id="item-description__menustation-unlimited-responsive-menu"><a href="http://docs.sonhlab.com/menustation-jquery-plugin-docs/">MenuStation – Unlimited Responsive Menu</a></h4>
<a href="http://docs.sonhlab.com/menustation-jquery-plugin-docs/"><img src="http://img.sonhlab.com/products/menustation-banner.png" alt="MenuStation Unlimited Responsive Menu" /></a>
<br /><br />
<h4 id="item-description__metropanel-a-new-navigator-for-modern-sites"><a href="http://docs.sonhlab.com/metropanel-jquery-plugin-documentation/">MetroPanel – A New Navigator for Modern Sites</a></h4>
<a href="http://docs.sonhlab.com/metropanel-jquery-plugin-documentation/"><img src="http://img.sonhlab.com/products/metropanel-banner.jpg" /></a>
<br /><br />
<h4 id="item-description__metro-navigation-bar-css"><a href="http://docs.sonhlab.com/metronav-css3-transparent-style-menu/">Metro Navigation Bar CSS</a></h4>
<a href="http://docs.sonhlab.com/metronav-css3-transparent-style-menu/"><img src="http://img.sonhlab.com/products/metronav-banner.jpg" /></a>
<br /><br />SOHN