Demo post

How to resize div using css3

Tags: CSS3 HTML CSS trick by Pranav july 27th, 2013 CodeRapp3r

Resize DIV window using CSS3

&nbsp&nbsp&nbsp&nbsp Most browsers like Firefox, Safari and Chrome,opera have led web innovation the past few years. Browser development team implementing new JavaScript APIs, providing more CSS capabilities than other browser .Resizing window is one of them. Let me show how to resize window and textarea using CSS3

Note:

This Trick Work In most latest browser.But some of the old version of browser not support this CSS trick.Opera,IE,Android,IOS Not support this Feature
IF u Like this trick Please Comment below and Subscribe my YouTube channel.

it's possible to make a tiny triangle appear in the bottom right corner of an element. You may then drag it to resize. The code to follow is yet again very easy, and just requires one line and is supported by some older elements you might already know. These are "max-width", "max-height", "min-width" and "min-height".

For Demo Click on demo Button

DEMO-Click here

Syntax of CSS3 Resize

 /*resize css code: none | both | horizontal | vertical | inherit */

.resize {
width: 100px;
height: 50px;
border: 1px solid #000;
overflow: auto;
 
/* Firefox */
-moz-resize: both;
/* WebKit */
-webkit-resize: both;
/* Google Chrome */
resize: both;
}