└── htmlandcsscoding ├── pic.jpg ├── photo.avif ├── pic_1.jpg ├── web6.html ├── web1.html ├── web.html ├── web3.html ├── web8.html ├── web5.html ├── web9.html ├── web10.html ├── web7.html ├── web2.html └── web4.html /htmlandcsscoding/pic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poojashree2/loading_effect/HEAD/htmlandcsscoding/pic.jpg -------------------------------------------------------------------------------- /htmlandcsscoding/photo.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poojashree2/loading_effect/HEAD/htmlandcsscoding/photo.avif -------------------------------------------------------------------------------- /htmlandcsscoding/pic_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poojashree2/loading_effect/HEAD/htmlandcsscoding/pic_1.jpg -------------------------------------------------------------------------------- /htmlandcsscoding/web6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | 14 | 15 |

CSS Classes and pseudo-classes

16 |

Move your cursor to the below text

17 |
Hello World
18 | 19 | -------------------------------------------------------------------------------- /htmlandcsscoding/web1.html: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 |
15 |

Name:

16 |

Reg No:

17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /htmlandcsscoding/web.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 20 | 21 | 22 |

Move your mouse to the below text to see the effect

23 |
Hello World 24 |

Welcome to the javaTpoint

25 |
26 | -------------------------------------------------------------------------------- /htmlandcsscoding/web3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 23 | 24 | 25 |

CSS Loader

26 |
27 | 28 | -------------------------------------------------------------------------------- /htmlandcsscoding/web8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 20 | 21 | 22 |

CSS animation property

23 |
24 | 25 | -------------------------------------------------------------------------------- /htmlandcsscoding/web5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 19 | 20 | 21 |
JavaTpoint.com

(Move your cursor on to see the effect)

22 | 23 | -------------------------------------------------------------------------------- /htmlandcsscoding/web9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 27 | 28 | 29 |

Animation

30 |
31 | 32 | -------------------------------------------------------------------------------- /htmlandcsscoding/web10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 25 | 26 | 27 |

Pagination size

28 |

Change the font-size property to make the pagination smaller or bigger.

29 | 38 | 39 | -------------------------------------------------------------------------------- /htmlandcsscoding/web7.html: -------------------------------------------------------------------------------- 1 | 2 | 36 | 37 |

Top Arrow Example

38 |

Move your cursor over the below heading 39 |

40 |
Welcome to Html &Css 41 | A solution of all web design 42 |
43 | 44 | -------------------------------------------------------------------------------- /htmlandcsscoding/web2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 36 | 37 | 38 |

Image Overlay Title Effect

39 |

Mover your mouse over the image to see the Effect.

40 |
41 |
42 | 43 |
Welcome to the JavaTpoint.com
44 |
45 |
46 | 47 | -------------------------------------------------------------------------------- /htmlandcsscoding/web4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 48 | 49 | 50 |

CSS Loader

51 |
52 |
53 |
54 | 55 | 56 | --------------------------------------------------------------------------------