NAME

Question types


Start with


Question limit

of 146 available terms

Print test

146 Multiple choice questions

  1. Translates (moves) an element in 2D
  2. Web Open Font Format
  3. ...
  4. ...
  5. ...
  6. right of the element, and a negative value to the left.
  7. linear gradients.
  8. Specifies the CSS properties that are to be transitioned
  9. bottom of the element, and a negative value from the top.
  10. smoother color transitions in gradients.
  11. ...
  12. ...
  13. ...
  14. Scales an element in 3D along the x-axis
  15. ...
  16. Creates a repeating linear gradient, which results in straight bands of gradient color
  17. transform: translate(200px,100px) scale(2,2);
  18. Web-safe fonts.
  19. VER questão 81
  20. animated fashion as if powered by a script, but no scripts are involved.
  21. Translates an element in 3D using the x-axis
  22. ...
  23. ...
  24. ...
  25. <style>
    div {
    background: dodgerblue;
    color: #fff;
    border-radius: 25px;
    }
    </style>
    ...
    <body>
    <div>A box with rounded corners</div>
    </body>
  26. Specifies the length of the transition in seconds or milliseconds; starts after the transition-delay property
  27. • It's time-consuming.
    • It interferes with accessibility page readers; images of text cannot be read aloud.
    • It reduces the effectiveness of search engine optimization (SEO) because search engines look for text, not images of text.
  28. Scales an element in 3D along the y-axis
  29. ...
  30. ...
  31. ????
  32. Creates a gradient that radiates out from a central point
  33. ...
  34. transform: rotateX(180deg);
  35. radial-gradient(position, size and shape,color stops);

    (radial-gradient(shape size at position, start-color, ..., last-color);)
  36. size, shape, and position of an element.
  37. ...
  38. box-shadow: h-shadow v-shadow blur spread color inset;
  39. Specifies the amount of time that passes after the value changes and before the transition starts; in seconds or milliseconds
  40. transform: skewX(45deg);
  41. transform: translate(100px,50px);
  42. search engine optimization
  43. ...
  44. every situation.
  45. ...
  46. ...
  47. ...
  48. ...
  49. ...
  50. ...
  51. element's position, size, color, background color, letter spacing, rotation, and so on.
  52. Specifies a 2D transformation using a six-value matrix
  53. ...
  54. ...
  55. opacity: value
  56. ...
  57. transition, transition-property, transition-delay, transition-duration, transition-timing- function
  58. ...
  59. Translates an element in 3D using the z-axis
  60. ...
  61. <style>
    @font-face {
    font-family: "font-family-name";
    src: url("http://website/fonts/fontfile")
    }
    </style>
  62. VER QUESTÃO 79
  63. ...
  64. Is the shorthand way to specify settings for transition-property, transition-delay, transition-duration, and transition-timing-function at once
  65. ...
  66. transform: scale(2,4);
  67. ...
  68. ...
  69. ...
  70. ...
  71. ...
  72. ...
  73. linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));
  74. ...
  75. Rotates an element in 3D along the z-axis
  76. ...
  77. ...
  78. ...
  79. Rotates an element in 3D along the y-axis
  80. Rotates an element in 3D
  81. ...
  82. .top-left-corner {
    border-top-left-radius:25px;
    }
  83. ...
  84. Scales an element in 2D (width and height)
  85. being limited to the standard Web fonts.
  86. ...
  87. Skews an element in 3D along the x-axis
  88. matrix (...); matrix3d (...); perspective(n); rotate (a); rotate3d (...); rotateX (a); rotateY (a); rotateZ (a); scale (...); scale3d (...); scaleX (x); scaleY (y); scaleZ (z); skew (xa,ya); skewX (a); skewY (a); translate (...); translate3d (...); translateX (x); translateY (y); translateZ (z)
  89. • border-top-left-radius
    • border-top-right-radius
    • border-bottom-right-radius
    • border-bottom-left-radius
  90. ...
  91. rounded corners around layout elements, like headers, footers, sidebars, graphics boxes, and outlines around images.
  92. ...
  93. perspective: number;
  94. ...
  95. ...
  96. Specifies the speed curve of the transition effect; allows a transition to change speed over its duration (Default value = ease, which starts relatively fast and slows down toward the end)
  97. ...
  98. ...
  99. Skews an element in 3D along the y-axis
  100. ...
  101. Rotates an element in 3D along the x-axis
  102. Creates a gradient from top to bottom or vice versa, or from corner to corner
  103. transformations made to HTML elements.
  104. transform: skew(20deg,30deg);
  105. Translates an element in 3D using the y-axis
  106. background: linear-gradient(black, white);
  107. ...
  108. ...
  109. ???
  110. rotateX() and rotateY() methods.
  111. transform: rotate(30deg);
  112. ???
  113. • linear-gradient
    • radial-gradient
    • repeating-linear-gradient
    • repeating-radial-gradient
  114. ...
  115. #div1{ ...
    perspective: 100px; }

    #div2{ ...
    transform: rotateX(60deg); }
    ...
    <div id="div1"> ...
    <div id="div2">Transformed element</div>
    </div>
  116. Translates (moves) an element in 3D
  117. ...
  118. paid subscription, which gives you full rights to use the font on your Web site as long as the subscription is current.
  119. ...
  120. they are typically located on a user's computer and therefore render consistently in the majority of browsers.
  121. fontsquirrel and the Open Font Library.
  122. Skews an element in 2D along the x-axis and the y-axis
  123. ...
  124. background property.
  125. Specifies a perspective view for a 3D element that's been transformed
  126. Rotates an element in 2D
  127. enhance UIs with just about any font available or custom-created fonts.
  128. Scales an element in 3D along the z-axis (a vector in 3D space)
  129. Specifies a 3D transformation using a 4x4 matrix of 16 values
  130. CSS3 transition.
  131. ...
  132. ...
  133. "bandy" look.
  134. font-family, font-size, font-style, font-variant, and font-weight to style HTML documents.
  135. box-shadow: 10px 10px 5px #808080;
  136. browsers before purchase.
  137. ...
  138. background: linear-gradient(45deg, white, black);
  139. ...
  140. brand identity, which aren't often part of the Web-safe font set.
  141. Scales an element in 3D (width, height, and an arbitrary vector in 3D space)
  142. ...
    #wrapper {
    ...
    }
    #wrapper #front, #wrapper:hover #back{
    opacity: 1;
    transition-property: opacity;
    transition-duration: 1s;
    transition-delay: 1s;
    transition-timing-function: linear;
    }
    #wrapper:hover #front, #wrapper #back {
    opacity: 0;
    }
    ...
    <div id="wrapper">
    <div id="front">Knock knock</div>
    <div id="back">Who's there?</div>
    </div>
    </body>
  143. to increase or decrease its size.
  144. ...
  145. ...
  146. Creates a repeating radial gradient, which results in circular bands of gradient color