Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image gallery, Image opacity

Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image gallery, Image opacity

  • Login to see the comments

  • Be the first to like this

Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image gallery, Image opacity

  1. 1. WEB DESIGN
  2. 2. CSS Floating1 2 Pseudo-elements3 5 Create a CSS image Gallery6 Align2 Navigation Bar4 Image Opacity7
  3. 3. Floating float: left; float: right;
  4. 4. Align text-align: left; text-align: center; text-align: right;
  5. 5. Pseudo-elements selector::pseudo-element { property:value; } Example: :focus :hover :last-child :nth-child(n) :nth-last-child(n)
  6. 6. Navigation Bar
  7. 7. Create a CSS image Gallery
  8. 8. Pseudo-elements selector::pseudo-element { property:value; } Example: :focus :hover :last-child :nth-child(n) :nth-last-child(n)
  9. 9. Image Opacity selector::pseudo-element { property:value; } Example: :focus :hover :last-child :nth-child(n) :nth-last-child(n)
  10. 10. THANK YOU

×