Parallel to x-axis: All horizontal lines are parallel to the x-axis and they have a slope of 0. When a line is perpendicular to y-axis, it is parallel to the x-axis. In both cases: m = 0 An equation such as y = 2 can be graphed in the coordinate plane. Any pair of values … Read more
A family of lines is a set of lines having one or two factors in common with each other. Straight lines can belong to two types of families: one where the slope is the same and one where the y-intercept is the same. Consider the two straight lines a1x+b1y+c1=0 a2x+b2y+c2=0 For any nonzero constant k, … Read more
The distance between point P= (x0, y0) and Line L: ax +by+c=0 is shown in the figure below. For the general equation L= ax + by +c =0 m = -a/b The shortest distance between a point, P and a line is a perpendicular line segment. The slope of the perpendicular line formed from the … Read more
To translate, rotate, scale, and skew elements the CSS3 transform property is used. Transformation, in general, is an effect. It changes the shape, size, and position of an element. CSS3 supports both 2D and 3D transformation. CSS 2D Transforms: To modify the structure of an element as translate, rotate, scale, and skew, the CSS 2D … Read more
To move an element relative to all three axes, i.e., the X-axis, Y-axis, and Z-axis the CSS 3D transforms are used. 3D transforms methods: Function Uses matrix3D(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) Used to define a 3D transformation by using a 4×4 matrix of 16 values. translate3D(x,y,z) Used to define a 3D translation. translateX(x) Used to define a 3D translation … Read more
To attach a sound style feature to an element, the CSS Aural Media or CSS Style Sheets are used. Instead of reading, the user can thus listen to the information. The speech synthesis and sound effects are used by the CSS Aural Media thus it is a great feature for visually impaired people. Uses of … Read more
Features like resizing elements, outlines, and box-sizing are a part of the user interface features facilitated by CSS. Some common properties of the CSS3 user interface are listed below. Values Uses appearance Used to make elements as user interface elements. box-sizing Used to fix elements in the area in a clear way. icon Used to … Read more
To create a responsive web page that can adapt to conditions such as varied screen resolution, the CSS Media Query module was recommended by the W3C. It was first introduced in CSS3 and became a W3C recommendation in June 2012. The media-dependent stylesheets that were used in different media types (i.e. screen and print) found … Read more
CSS Flexbox or the CSS Flexible box was introduced in CSS3 as a new layout mode to predict the behavior of the elements when used with different screen sizes and display devices. Thus the layout, alignment, and distribution space are efficiently used among items of a container. The width and height of an element can … Read more