css

Question 1

inline-flex

Answer 1

makes the container to be like that of its content

Question 2

what browser is best for grid layout trouble shooting?

Answer 2

Fire fox bababababayyyyy

Question 3

View bax svg

Answer 3

study this

Question 4

svg stripping to minimize file size

Answer 4

title desc

Question 5

svg g tags

Answer 5

grouping content like layers in illustrator

Question 6

svg readymade shapes

Answer 6

path, rect, circle, ellipse, line, polyline, and polygon

Question 7

best way to upload svgs?

Answer 7

object tags

Question 8

clip-path

Answer 8

The clip-path property clips a region of an element that sets the visible and hidden parts of the element. Parts that are inside the region are shown, while those outside are hidden. While this property has many possible values, let’s get started with the keyword values

Question 9

mask

Answer 9

The mask property hides a part or all of an image by masking it at specified coordinates. The value for mask can be many things, including an SVG or a gradient.

Question 10

how do you blur a background image

Answer 10

background-filter Blur()

Question 11

Timing transition key word ease

Answer 11

start slow, speed up, slow down.

Question 12

Timing transition key word linear

Answer 12

Consistent animation change.

Question 13

Timing transition key word ease in

Answer 13

start slow then seed up at the end

Question 14

Timing transition key word ease out

Answer 14

Start fast then go slow at the end

Question 15

Timing transition key word ease in out

Answer 15

same as ease but slower start

Question 16

what are the transition properties

Answer 16

selector {
transition: property duration timing delay;
}

Question 17

what are the transform properties

Answer 17

transform: translate(x-axis, y-axis);
transform: scale(x-axis, y-axis);
transform: rotate(deg);
transform: skew(x-deg, y-deg);

Question 18

what are the different translate options

Answer 18

transform: translate() -moves an element on the 2D plane
transform: translate3d() -moves an element in 3D space
transform: translateX() -moves an element horizontally
transform: translateY() -moves an element vertically.
transform: translateZ() -moves an element along the z-axis

Question 19

what are the scale options

Answer 19

transform: scale() grows an element on the 2D plane
transform: scale3d() grows an element in 3D space
transform: scaleX() stretches an element horizontally
transform: scaleY() stretches an element vertically.
transform: scaleZ() stretches an element along the z-axis

Question 20

does transform stay in normal document flow?

Answer 20

Yaaaaaaaassssssssss

Question 21

what are the rotate options

Answer 21

transform: rotate() spins an element on the 2D plane
transform: rotate3d() spins an element in 3D space
transform: rotateX() spins an element horizontally
transform: rotateY() spins an element vertically.
transform: rotateZ() spins an element along the z-axis

Question 22

does the order of transformations or transitions matter?

Answer 22

yaaaaaaassssssss

Question 23

what does a css reset do?

Answer 23

Resets the css so that it renders the same on all browsers.