Change the width of element using CSS

Ankith Reddy
Published on 02-May-2018 16:00:04
Use the scaleX() method to change the width of an element with CSS.Let us see the syntax:scaleX(n);Here, n is a number representing the scaling factor.Let us see an examplediv {    width: 40px;    height: 50px;    background-color: black; } .myScaled {    transform: scaleX(0.9);    background-color: orange; } Read More

Change the width and height of element using CSS

Nikitha N
Published on 02-May-2018 16:02:39
Use the scale() method to change the width and height of the element with CSS.Let us see the syntax:scale(x, y);Here, x is a number representing the abscissa of the scaling vector.y is a number representing the ordinate of the scaling vector.Let us see an example:div {    width: 40px;   ... Read More

Transform the element along with y-axis using CSS

seetha
Published on 02-May-2018 15:58:09
Used to translateY(n) method to transform the element along with y-axis.Let us see the syntax:translateY(n)Here, n is a length representing the abscissa of the translating vector.Let us see an example:div {    width: 50px;    height: 50px;    background-color: black; } .trans {    transform: translateY(20px);    background-color: orange; } ... Read More

Transform the element along with x-axis using CSS

George John
Published on 02-May-2018 15:53:39
Use the translateX(n) method to transform the element along with x-axis.Let us see the syntaxtranslateX(n)Here, n is a length representing the abscissa of the translating vector.Let us see an examplediv {    width: 50px;    height: 50px;    background-color: black; } .trans {    transform: translateX(20px);    background-color: orange; } ... Read More

CSS3 Multi-Column rule-width Property

Priya Pallavi
Published on 02-May-2018 15:53:00
The multi-column rule-width property is used to specify the column width. You can try to run the following code to implement rule-width property using CSS:Live Demo<html>    <head>       <style>          .multi {             /* Column count property */   ... Read More

CSS3 Multi-Column rule-style Property

Priya Pallavi
Published on 02-May-2018 15:46:35
The multi-column rule-style property is used to specify the style rule for the column. You can try to run the following code to implement rule-style property using CSS:Live Demo<html>    <head>       <style>          .multi {             /* Column count ... Read More

Transform the element along with x-axis and y-axis with CSS

Chandu yadav
Published on 02-May-2018 15:43:55
Use the translate(x, y) method to transform the element along with x-axis and y-axis.Let us see the syntaxtranslate(x, y)Here, x is a length representing the x-coordinate of the translating vector.y is a length representing the ordinate of the translating vectorLet us see an examplediv {    width: 50px;    height: ... Read More

Matrix Transform in another direction with CSS

radhakrishna
Published on 02-May-2018 15:37:34
You can try to run the following code to matrix transform in another direction with CSS:Live Demo<html>    <head>       <style>          div {             width: 300px;             height: 100px;           ... Read More

Rotate div with Matrix transforms using CSS

Srinivas Gorla
Published on 02-May-2018 15:36:57
You can try to run the following code to rotate div with matrix transforms using CSS:Live Demo<html>    <head>       <style>          div {             width: 300px;             height: 100px;           ... Read More

Rotate div to -20 degrees angle with CSS

Ankitha Reddy
Published on 02-May-2018 15:09:03
You can try to run the following code to rotate div to -20 degrees angle with CSS − Example Live Demo <html> <head> <style> div { ... Read More
Advertisements