Expandable Image Effect Using HTML / CSS / JQUERY - Amazing Image Gallery Effect

Create a expandable image hover effects using html css and jquery.
image gallery with expandable image card effect.

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome​

jquery cdn link:
https://cdnjs.com/libraries/jquery​

images from here freepik:
https://www.freepik.com/

Subscribe: https://www.youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw/featured

#html #css #jquery

What is GEEK

Buddha Community

Sidebar Menu Using Only HTML and CSS | Side Navigation Bar

how to create a Sidebar Menu using HTML and CSS only. Previously I have shared a Responsive Navigation Menu Bar using HTML & CSS only, now it’s time to create a Side Navigation Menu Bar that slides from the left or right side.

Demo

#sidebar menu using html css #side navigation menu html css #css side navigation menu bar #,pure css sidebar menu #side menu bar html css #side menu bar using html css

Expandable Image Effect Using HTML / CSS / JQUERY - Amazing Image Gallery Effect

Create a expandable image hover effects using html css and jquery.
image gallery with expandable image card effect.

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome​

jquery cdn link:
https://cdnjs.com/libraries/jquery​

images from here freepik:
https://www.freepik.com/

Subscribe: https://www.youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw/featured

#html #css #jquery

Crop and Resize Image Before Upload In Laravel Using with jQuery Copper JS

Crop and resize image size before upload in laravel using jquery copper js. In this post, i will show you how to crop and resize image size in laravel using jQuery copper js in laravel.

This laravel crop image before upload using cropper js looks like:

Laravel Crop Image Before Uploading using Cropper js Tutorial

Laravel crop image before upload tutorial, follow the following steps and learn how to use cropper js to crop image before uploading in laravel app:

• Step 1: Install New Laravel App
• Step 2: Add Database Details
• Step 3: Create Migration & Model
• Step 4: Add Route
• Step 5: Create Controller By Artisan
• Step 6: Create Blade View
• Step 7: Make Upload Directory
• Step 8: Start Development Server

Read More => https://www.tutsmake.com/laravel-crop-image-before-upload-using-jquery-copper-js/

Live Demo Laravel Crop image Before Upload.

#laravel crop image before upload, #laravel crop and resize image using cropper.js #ajax image upload and crop with jquery and laravel #crop and upload image ajax jquery laravel #crop image while uploading with jquery laravel #image crop and upload using jquery with laravel ajax

Responsive Footer Design using HTML, CSS & Bootstrap

Hello Readers, welcome to my other blog, today in this blog I’m going to create a Responsive Footer by using HTML & CSS only. Earlier I have shared How to create a Responsive Navigation Menu and now it’s time to create a footer section.

As you can see on the image which is given on the webpage. There are various important topics there like About us, Our services and subscribes, some social media icons, and a contact section for easy connection. I want to tell you that it is fully responsive. Responsive means this program is fit in all screen devices like tablet, small screen laptop, or mobile devices.

Live Demo

#responsive footer html css template #footer design in html #simple footer html css code #simple responsive footer codepen #responsive footer code in html and css #responsive footer html css codepen

How To Make An Image Gallery With CSS Reflection | HTML, CSS & jQuery Image Gallery

Learn How to make an Image gallery with HTML, CSS and jQuery, Create 3 Image Gallery with Image Reflection using CSS Reflection

In this video you will learn to make a 3D image slider using HTML, CSS and jQuery. We will add reflection on images using CSS that make this gallery design more beautiful.

jQuery Flipster: https://github.com/drien/jquery-flipster

Download Images: https://drive.google.com/file/d/1PFySUihKXnBpqVXM2Zn-_DKU-8t5BHBN/view?usp=sharing

#html #css #jquery