Image zoom effect with Sass
Repository
What Will I Learn?
- You will learn how to define zoom effect on images
- You will learn how to use
transition
code - You will learn funtion of
z-index
andhover
Requirements
- Any text editor. (Brackets, Atom, Notepad++)
- Basic HTML knowledge
- Basic SCSS code knowledge
- Firefox
- Any image
Difficulty
- Intermediate
Description
In this tutorial you will learn how to give zoom effect to an image with Sass style codes. You will also learn how codes are working with before / after examples. After this tutorial you will be able to implement this effect to your websites.
Video Tutorial
Curriculum
- None
@Omersurer, thank you for your contribution. It has been reviewed and scored accordingly.
This is your first submission, so we will give you some guidelines for improvement:
For video tutorial, try to make the fonts bigger by zooming the camera into the areas where you do the typing. In that way, it is easier for the learner to see clearly what you are doing.
You may also wish to add some supplementary material to help the learner along as they follow your video. Sometimes I need to really squint my eyes to read what you are typing.
Try to create an outline with well structured steps for your learners to follow. Even though you have already listed the requirements there for them, it is good to lay out the steps clearly for them to see how one step leads to another.
Let me know if you have more questions.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Good work. I liked your lesson in this program and I will follow
Ses biraz az gibi umarım sorun çıkartmazlar , onun dışında gayet akıcı ve açıklayıcı teşekkürler.
Happy contribution ..
Hi @omersurer, since this is your 1st video tutorial submission, I want to give you an opportunity to reupload the video with higher volume. We have turned the volume the highest and can barely hear you to review your tutorial at all. Let me know when you have fixed the volume.
You can take a look at this sample tutorial for your reference:
https://steemit.com/utopian-io/@buckydurddle/vcv-rack-frozen-wasteland-s-vox-inhumana#@rosatravels/re-buckydurddle-vcv-rack-frozen-wasteland-s-vox-inhumana-20180503t165108604z
Thank you.
Need help? Write a ticket on https://support.utopian.io.
Chat with us on Discord.
[utopian-moderator]
Thanks for second chance I think there is an issue with voice on my pc, it was loud enough there but if i look from my laptop its indeed too low. I just increased the volume and uploaded again, please let me know about it. Thanks
Hey @omersurer
Thanks for contributing via Utopian.
We're already looking forward to your next contribution!
Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!