Transform Skew in HTML CSS HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:skew(0deg,0deg); transition:1s; } .s1:hover{transform:skew(30deg,30deg); transition:1s; }
Day: July 16, 2019
Transform Rotate in HTML CSSTransform Rotate in HTML CSS
Transform Rotate in HTML CSS Transform Rotate in HTML CSS in Delhi HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:rotate(0deg); transition:4s; } .s1:hover{transform:rotate(1800deg); transition:4s; }
Transform Scale in HTML CSSTransform Scale in HTML CSS
Transform Scale in HTML CSS Transform Scale in HTML CSS in Delhi HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:scale(1,1); transition:1s; } .s1:hover{transform:scale(2,2); transition:1s; }
Image Filters In HTML CSSImage Filters In HTML CSS
Image Filters In HTML CSS Image Filters In HTML CSS in Delhi HTML Code <img src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”blur” src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”brightness” src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”contrast” src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”grayscale” src=”sanjay-jain.jpg” alt=”sanjay-jain” width=”300″ height=”300″> <img class=”grayscale” src=”sanjay-jain.jpg” alt=”sanjay-jain” width=”300″ height=”300″> <img class=”invert” src=”sanjay-jain.jpg” alt=”sanjay-jain” width=”300″ height=”300″> […]