NEW PERSP.ON COMP.CONCEPTS-PACKAGE
17th Edition
ISBN: 9781337761116
Author: Carey
Publisher: CENGAGE L
expand_more
expand_more
format_list_bulleted
Question
Chapter 8, Problem 15CP3
a)
Program Plan Intro
To create an animation with name flyRight with the key frames at 25% time to set the top coordinate to the 150 pixels in the paa_animate.css file.
b)
Program Plan Intro
To create an animation with name flyRight with the key frames at 50% time to set the top coordinate to the 55 pixels in the paa_animate.css file.
c)
Program Plan Intro
To create an animation with name flyRight with the key frames at 65% time to set the top coordinate to the 120 pixels in the paa_animate.css file.
d)
Program Plan Intro
To create an animation with name flyRight with the key frames at 90% time to set the top coordinate to the 50 pixels in the paa_animate.css file.
e)
Program Plan Intro
To create an animation with name flyRight with the key frames at 100% time to set the top coordinate to the 80 pixels and set the left coordinate to the 100% in the paa_animate.css file.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
CSS
Add a body selector and set the following:Set the font family to sans-serif.Add a class called text-center and set it to align text to the center.Create an id called slideshow:Set the margin to 80px (up/down) and auto (left/right).Set the position to relative.Set the height and width to 240px.Set the padding to 10px.set the box shadow with the following:height offset: 0vertical offset: 0blur: 20pxcolor: rgba color of black with an opacity of 0.4 (HINT: Make sure to apply the opacity to the box-shadow, not the image.)Create another id of slideshow with a child of div:Set the position to absolute.Set the top, left, right, and bottom to 10px.
HTML
At the top of your HTML page, create an h1 tag with a class of text-center. The content of that h1 tag should say Lesson 11 Project.In the body of your HTML, create the following:Create a div with an id of slideshow.Inside that id, create 3 div tags.Inside each div tag, add an img tag.Go to the web and find 3 images that are 240px by…
CSS Add a body selector and set the following: Set the font family to sans-serif.Add a class called text-center and set it to align text to the center.Create an id called slideshow:Set the margin to 80px (up/down) and auto (left/right).Set the position to relative.Set the height and width to 240px.Set the padding to 10px.set the box shadow with the following:height offset: 0vertical offset: 0blur: 20pxcolor: rgba color of black with an opacity of 0.4 (HINT: Make sure to apply the opacity to the box-shadow, not the image.)Create another id of slideshow with a child of div:Set the position to absolute.Set the top, left, right, and bottom to 10px.
1. You can select a different font from the _____ tab on the Ribbon. (Home) (View) (Insert)
2.To add watermark to your presentation, select: insert watermark, then insert your Specified watermark as a text or picture.True or false?
3.To Lengthen or shorten an animation effect, choose the delay option.True or false?
Chapter 8 Solutions
NEW PERSP.ON COMP.CONCEPTS-PACKAGE
Ch. 8.2 - Prob. 1QCCh. 8.2 - Prob. 5QCCh. 8.2 - Prob. 7QCCh. 8.2 - Prob. 8QCCh. 8 - Prob. 1RACh. 8 - Prob. 2RACh. 8 - Prob. 3RACh. 8 - Prob. 4RACh. 8 - Prob. 7RACh. 8 - Prob. 8RA
Ch. 8 - Prob. 9RACh. 8 - Prob. 10RACh. 8 - Prob. 11RACh. 8 - Prob. 12RACh. 8 - Prob. 13RACh. 8 - Prob. 14RACh. 8 - Prob. 15RACh. 8 - Prob. 16RACh. 8 - Prob. 17RACh. 8 - Prob. 18RACh. 8 - Prob. 19RACh. 8 - Prob. 2CP1Ch. 8 - Prob. 3CP1Ch. 8 - Prob. 4CP1Ch. 8 - Prob. 5CP1Ch. 8 - Prob. 6CP1Ch. 8 - Prob. 7CP1Ch. 8 - Prob. 8CP1Ch. 8 - Prob. 9CP1Ch. 8 - Prob. 11CP1Ch. 8 - Prob. 1CP2Ch. 8 - Prob. 2CP2Ch. 8 - Prob. 3CP2Ch. 8 - Prob. 4CP2Ch. 8 - Prob. 5CP2Ch. 8 - Prob. 6CP2Ch. 8 - Prob. 7CP2Ch. 8 - Prob. 8CP2Ch. 8 - Prob. 9CP2Ch. 8 - Prob. 10CP2Ch. 8 - Prob. 2CP3Ch. 8 - Prob. 3CP3Ch. 8 - Prob. 5CP3Ch. 8 - Prob. 6CP3Ch. 8 - Prob. 7CP3Ch. 8 - Prob. 8CP3Ch. 8 - Prob. 9CP3Ch. 8 - Prob. 10CP3Ch. 8 - Prob. 11CP3Ch. 8 - Prob. 12CP3Ch. 8 - Prob. 13CP3Ch. 8 - Prob. 14CP3Ch. 8 - Prob. 15CP3Ch. 8 - Prob. 16CP3Ch. 8 - Prob. 17CP3Ch. 8 - Prob. 18CP3Ch. 8 - Prob. 1CP4Ch. 8 - Prob. 2CP4Ch. 8 - Prob. 3CP4Ch. 8 - Prob. 4CP4Ch. 8 - Prob. 5CP4Ch. 8 - Prob. 6CP4Ch. 8 - Prob. 7CP4Ch. 8 - Prob. 9CP4Ch. 8 - Prob. 10CP4
Knowledge Booster
Similar questions
- I need to do an image rollover with the article image. Ill send the picture of the original html code and ill post the css in here. I also attached the directions /* the styles for the elements */ * { margin: 0; padding: 0; } html { background-color: white; } body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; width: 850px; margin: 0 auto; border: 3px solid #931420; background-color: #fffded; } a:focus, a:hover { font-style: italic; } /* the styles for the header */ header { padding: 1.5em 0 2em 0; border-bottom: 3px solid #931420; background-image: linear-gradient( 30deg, #f6bb73 0%, #fffded 30%, white 50%, #fffded 80%, #f6bb73 100%); } header h2 { font-size: 175%; color: #800000; } header h3 { font-size: 130%; font-style: italic; } header img { float: left; padding: 0 30px; } .shadow { text-shadow: 2px 2px 2px #800000; } /* the styles for the main content */ main { clear:…arrow_forwardPlease show me how to add the following into my code: 1. Make your design responsive. Add the viewport meta tag, make all images flexible, use a fluid layout, and configure media queries with appropriate style rules for mobile and tablet design.arrow_forwardCopy the code below, and add embedded (internal) styles so that it looks like the image below. You will need the following colours: #E5F4E1 and #017B1B. Use any image you like for dogs.jpg. (you do not need to submit your image, you only need to submit your code). <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 80px; } article { width: 360px; font-family: sans-serif; } </style> </head> <body> <article> <div class="header"> <h2>Amazing facts about dogs</h2> </div> <div> <img src="images/dogs.jpg" alt="dogs"> <p>Did you know that dogs can only see two colours and can smell cancer and diabetes?</p> <p>And they can learn over 100 words and gestures!</p> <a href="dogs.html">More fun facts</a> </div> </article> </body> </html>arrow_forward
- Use media queries to create a responsive design for the menu shown in Figure 5–57. You will need to create three menu layouts: one for screen widths 500 pixels or less, another for screen widths of 501 pixels to 710 pixels, and a third for screen widths greater than 710 pixels. 1. Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0. 2. Open code5-1_media.css file and create a media query for devices with a maximum width of 500 pixels. Within the query do the following: Set the display of the img element within the article element to none. Center the text contained within the ul element belonging to the submenu class. 3. Create a media query for devices with a minimum width of 501 pixels. Within the query do the following: Float the nav element on the left page margin. Set the width of the nav element to 130 pixels and the height to 400 pixels. Set the…arrow_forwardHello, I was hoping someone could help me properly format a proper responsive image code using the attached image names, I believe the numbers at the end are in reference to their size so I want to make sure I get it right. This is what I have. <!DOCTYPE html> <html> <head> <title>Responsive Images</title> </head> <body> <h1>Mountain Images</h1> <img src="mountain_1280.jpg" alt="Mountains" srcset= "mountain_1280.jpg 1280w, mountain_240.jpg 240w, mountain_480.jpg 480w" sizes="(max-width: 240px) 100vw, (max-width: 1280px) 70vw, 240px"></body> </html> And finally the attached instructions: Using responsive images tags to create an HTML page that displays the mountain images. The mountain picture are supplied in 4 different sizes. The image in the html file should be able to scale automatically as the browser window resizes at…arrow_forwardCreate a div element with a width and height of 500 px. Create a diagonal linear gradient using colors of the rainbow- Red, Orange, Yellow, Green, Blue, Indigo, Violet. Also create another div element with a width and height of 600 px. create a radial gradient with three colors. Start in the bottom left corner with the colors changing as they move along the gradient line to the rightarrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L