Question types

Start with

Question limit

of 146 available terms

Print test

86 Matching questions

  1. skewY (angle) ? ___
  2. repeating-linear-gradient: ___
  3. transition-property ? ___
  4. WOFF allows Web developers to use custom fonts - pretty much any font - instead of ___
  5. translateZ (z) ? ___
  6. Web developers are beginning to use the Web Open Font Format (WOFF) as a way to ___
  7. perspective(n) ? ___
  8. matrix (n,n,n,n,n,n) ? ___
  9. For example, the following code moves the element 100 pixels from the left and
    50 pixels from the top:
  10. repeating-radial-gradient: ___
  11. The v-shadow value defines the vertical offset
    of the shadow.
  12. the following code rotates an element by 30 degrees in the 2D plane:
  13. transition-duration ? ___
  14. You use the «transition property» to create a ___
  15. the following code increases the width of the element two times its original size, and increases the height four times its original size: ___
  16. For years, Web and application developers have been limited to a set of standard fonts that are considered «Web safe», which means ___
  17. translateY (y) ? ___
  18. To create a box with a rounded border, the CSS code and markup might look like this: ___
  19. rotateZ (angle) ? ___
  20. The different types, or methods, of CSS3 gradients are:
  21. Designers and developers strive to make sites look interesting, more appealing, and unique, which can't always be accomplished with ___
  22. Transformations are either 2D or 3D, and include translating (moving), scaling, rotating, skewing (stretching), and spinning elements.
  23. You use the «CSS transform property» to specify different kinds of ___
  24. transition-timing-function ? ___
  25. You might see the background-image property in some sources; it works the same as the shorthand ___
  26. Some font vendors provide a way for you to preview fonts in all of the major ___
  27. The CSS syntax for creating a shadow is: ___
  28. skew (x-angle,y-angle) ? ___
  29. rotateX (angle) ? ___
  30. transition ? ___
  31. To use a non-standard font in a heading, title, or block of text, developers have had to create the content in a page layout or graphics program, save it as an image, and then use the <img> tag in an HTML document. This method has several drawbacks: ___
  32. The 'h-shadow' value defines the horizontal offset of the shadow. A positive value offsets the shadow to the ___
  33. To scale the box so that it's twice as wide and twice as tall as the original box, add
    scale(2,2) to the transform lines, as follows:
  34. scale (x,y) ? ___
  35. scaleX (x) ? ___
  36. The following is a markup example for perspective: ___
  37. CSS3 gradients also support color interpolation in the alpha color space, which is part of the red blue green alpha (RGBA) color model, to produce ___
  38. transition-delay ? ___
  39. To use a WOFF font from a font vendor's site, for example, include the @font-face rule in the CSS file, similar to the following:
  40. To create a linear gradient from black to white, use the following CSS code:
  41. You use the CSS3 «border-radius» property to create ___
  42. Font services include FontFont and FontShop, among others. They require a ___
  43. The following is an example of a simple transition that displays text in a box: ___
  44. You use CSS font-related properties such as ___
  45. If you plan to use single rounded corners on several elements in an HTML document, you can save time by creating a separate class for each (top left, top right, bottom left, and bottom right). The syntax would look similar to the following: ___
  46. scale3d (x,y,z) ? ___
  47. skewX (angle) ? ___
  48. translate (x,y) ? ___
  49. translateX (x) ? ___
  50. the following code turns an element 20 degrees around the x-axis
    and 30 degrees around the y-axis:
  51. WOFF ? ___
  52. In CSS3, the action of a transition is visible. The changes render onscreen in an ___
  53. the following code skews an element 45 degrees : ___
  54. rotate (angle) ? ___
  55. The syntax for applying a transparency to an image or other element is: ___
  56. In HTML5/CSS3, a «transform» is an effect that lets you change the ___
  57. The following is an example of the use of rgba colors:
  58. SEO ? ___
  59. scaleZ (z) ? ___
  60. You specify CSS3 transitions using the properties ___
  61. «border-radius» is a length, which is usually expressed in pixels or ems but can be a percentage. The length is the radius of the circle that defines the "roundedness" of each box corner.
  62. The values for radials differ slightly from ___
  63. «Web-safe» fonts don't work in ___
  64. «radial-gradient»: ___
  65. Free fonts are available from a variety of sources like ___
  66. At a minimum, you must specify the CSS property to be acted upon during the transition. This can be an ___
  67. «linear-gradient»: ___
  68. You can also round a single corner of a box using the following properties: ___
  69. «Web-safe» fonts don't work in every situation. For example, many companies use particular fonts as part of their ___
  70. 3D rotation uses the ___
  71. The 'v-shadow' value defines the vertical offset of the shadow. A positive value offsets the shadow from the ___
  72. The code for a 'diagonal gradient' that starts in the lower-left corner and extends to the upper-right corner of a container is:
  73. Example of the rounded-corners box with a drop shadow (The shadow was created from these values, which specify the horizontal and vertical shadow position, the amount of blur, and the color of the shadow):
  74. rotateY (angle) ? ___
  75. The «CSS3 transform property» translates, scales, rotates, skews, and even spins 2D and 3D elements.
  76. scaleY (y) ? ___
  77. To «scale» an element is ___
  78. ...Developers have also used embedded fonts, which are font sets loaded on their servers. The designer inserts a link to the font set within an HTML document or CSS file, which helps the browser render the font properly.
  79. The «transform property» uses several methods for 2D and 3D transformations : ___
  80. The general syntax for «perspective» is:
  81. Color interpolation in the alpha color space eliminates the ___
  82. translate3d (x,y,z) ? ___
  83. rotate3d (x,y,z,angle) ? ___
  84. The general syntax for radial gradients is: ___
  85. The following code rotates an element 180 degrees around its x-axis.
  86. matrix3d (n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) ? ___
  1. a Specifies the amount of time that passes after the value changes and before the transition starts; in seconds or milliseconds
  2. b Translates (moves) an element in 2D
  3. c transform: skewX(45deg);
  4. d ...
  5. e box-shadow: 10px 10px 5px #808080;
  6. f ????
  7. g .top-left-corner {
  8. h box-shadow: h-shadow v-shadow blur spread color inset;
  9. i Scales an element in 3D along the y-axis
  10. j 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)
  11. k Specifies a perspective view for a 3D element that's been transformed
  12. l ???
  13. m Translates an element in 3D using the x-axis
  14. n background: linear-gradient(45deg, white, black);
  15. o Rotates an element in 3D along the y-axis
  16. p background property.
  17. q Scales an element in 3D along the x-axis
  18. r "bandy" look.
  19. s Rotates an element in 3D along the z-axis
  20. t Skews an element in 3D along the x-axis
  21. u Rotates an element in 3D
  22. v transition, transition-property, transition-delay, transition-duration, transition-timing- function
  23. w Specifies a 3D transformation using a 4x4 matrix of 16 values
  24. x Creates a repeating radial gradient, which results in circular bands of gradient color
  25. y VER QUESTÃO 79
  26. z animated fashion as if powered by a script, but no scripts are involved.
  27. aa enhance UIs with just about any font available or custom-created fonts.
  28. ab to increase or decrease its size.
  29. ac 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)
  30. ad Creates a gradient from top to bottom or vice versa, or from corner to corner
  31. ae Translates (moves) an element in 3D
  32. af CSS3 transition.
  33. ag Skews an element in 2D along the x-axis and the y-axis
  34. ah Specifies a 2D transformation using a six-value matrix
  35. ai ...
    #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>
  36. aj <style>
    @font-face {
    font-family: "font-family-name";
    src: url("http://website/fonts/fontfile")
  37. ak right of the element, and a negative value to the left.
  38. al Web-safe fonts.
  39. am transform: rotateX(180deg);
  40. an Scales an element in 3D along the z-axis (a vector in 3D space)
  41. ao font-family, font-size, font-style, font-variant, and font-weight to style HTML documents.
  42. ap Is the shorthand way to specify settings for transition-property, transition-delay, transition-duration, and transition-timing-function at once
  43. aq Skews an element in 3D along the y-axis
  44. ar <style>
    div {
    background: dodgerblue;
    color: #fff;
    border-radius: 25px;
    <div>A box with rounded corners</div>
  45. as transform: translate(200px,100px) scale(2,2);
  46. at they are typically located on a user's computer and therefore render consistently in the majority of browsers.
  47. au Web Open Font Format
  48. av transformations made to HTML elements.
  49. aw #div1{ ...
    perspective: 100px; }

    #div2{ ...
    transform: rotateX(60deg); }
    <div id="div1"> ...
    <div id="div2">Transformed element</div>
  50. ax browsers before purchase.
  51. ay rotateX() and rotateY() methods.
  52. az background: linear-gradient(black, white);
  53. ba smoother color transitions in gradients.
  54. bb Creates a gradient that radiates out from a central point
  55. bc radial-gradient(position, size and shape,color stops);

    (radial-gradient(shape size at position, start-color, ..., last-color);)
  56. bd Creates a repeating linear gradient, which results in straight bands of gradient color
  57. be Specifies the CSS properties that are to be transitioned
  58. bf search engine optimization
  59. bg transform: scale(2,4);
  60. bh bottom of the element, and a negative value from the top.
  61. bi perspective: number;
  62. bj brand identity, which aren't often part of the Web-safe font set.
  63. bk Rotates an element in 3D along the x-axis
  64. bl transform: rotate(30deg);
  65. bm • 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.
  66. bn Specifies the length of the transition in seconds or milliseconds; starts after the transition-delay property
  67. bo Rotates an element in 2D
  68. bp element's position, size, color, background color, letter spacing, rotation, and so on.
  69. bq opacity: value
  70. br • linear-gradient
    • radial-gradient
    • repeating-linear-gradient
    • repeating-radial-gradient
  71. bs Translates an element in 3D using the z-axis
  72. bt linear gradients.
  73. bu rounded corners around layout elements, like headers, footers, sidebars, graphics boxes, and outlines around images.
  74. bv transform: translate(100px,50px);
  75. bw every situation.
  76. bx paid subscription, which gives you full rights to use the font on your Web site as long as the subscription is current.
  77. by Scales an element in 3D (width, height, and an arbitrary vector in 3D space)
  78. bz Scales an element in 2D (width and height)
  79. ca being limited to the standard Web fonts.
  80. cb linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));
  81. cc fontsquirrel and the Open Font Library.
  82. cd • border-top-left-radius
    • border-top-right-radius
    • border-bottom-right-radius
    • border-bottom-left-radius
  83. ce Translates an element in 3D using the y-axis
  84. cf transform: skew(20deg,30deg);
  85. cg VER questão 81
  86. ch size, shape, and position of an element.