RE: SEC S19W3 || Animation, Transition & Transform (HTML5+CSS3)
Criteria | Remark |
---|---|
Verified user | ✅ |
#steemexclusive | ✅ |
Free of Plagiarism | ✅ |
AI Article | ✅ Original (Human text!) |
#Club | club5050 |
Bot free | ✅ |
Comment/Recommendation
Exercise 1
The HTML structure and CSS design are well done. The dark gray background and fuchsia text color are well applied as asked, and the titles are correctly centered. You also oo represented are answer in a well organized format.
You did well to produce a light gray background color on the title on hover . The CSS code and it's output are correct and works as expected.
The double border and rounded corners are was well done. The image is well shaped and resized,
The transition on the image on hover is not well done. I was wondering why did you reshape the image? I noticed in the video, you showed the hover effect for only the top.
The animation for the text with font and background color change is accurate. The source code you used are also correct and educative.
Exercise 2
The structure of the image gallery is well designed. You have correctly used the appropriate source codes to execute your project.
The addition of the shadow effect is well implemented . It has really improved the output of your code, a job well done.
The rotation of the images is well done, the implementation of CSS3 pseudo-class and the nth-child selector. The code examples are clear and the result is visible in your screenshots.
The animation was well done, the showing your output as a video is great because it permits us to see it's animation effects.
In summary you did a very great job and I really love how you gave clear output to all answers, you did a great job.
Total| 9/10
Thanks for the review boss