How to create re-sizable div or textarea like div using CSS3
Hi all
Latest HTML5 and CSS3 has made web designing easy for us, I pray soon Jquery will fade off. Now with CSS3 you can create a text area like div, the best thing i like about HTML5 is the placeholder in text fields.
Now lets create re-sizable div using CSS3, copy the code below and save with test.html and open with your browser
<!DOCTYPE html>
<html>
<head>
<style>
.test
{
border:2px solid;
padding:10px 40px;
width:300px;
resize:both;
overflow:auto;
}
</style>
</head>
<body>
<div class='test'>Testing re-sizable div</div>
</body>
</html>
Now run and see!
Works in Mozilla, Opera and Chrome only!