Recently, we've shared Add Round Hover Effect to Images of your Blogger Blog Posts , Add Hover Effect to Images of your Blogger Blog Posts and today we are going to share another effect for your blog images. This hover effect zooms the image on mouse hover. To see how this image hover effect works, move you mouse cursor on the image below.
Step 3. Copy the Below code and Paste it just above/before the ]]></b:skin> tag
Step 4. Click on Save Template button
If you want to use effect in other part of your blog then use the following tag and replace IMAGE-URL with the image URL.
Feel Free to Ask. Your Feedback is always highly appreciated.
How to Add Zoom Effect to Images
Step 1. Log in to your Blogger Dashboard
Step 2. Go to Template >> Click on Edit HTML and search (Ctrl + F) for the Following Tag
Step 2. Go to Template >> Click on Edit HTML and search (Ctrl + F) for the Following Tag
]]></b:skin>
Step 3. Copy the Below code and Paste it just above/before the ]]></b:skin> tag
.zoomeffect img{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
opacity: 0.8;
margin: 0 10px 5px 0;
}
.zoomeffect img:hover{
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
opacity: 1;
}
Step 4. Click on Save Template button
How to Use this Effect on Images
To use this effect in you posts then in the post editor after uploading your image switch to HTML look for the image class. The default image class is <div class="seperator". Now replace seperator to zoomeffect in the post editor and you're done.If you want to use effect in other part of your blog then use the following tag and replace IMAGE-URL with the image URL.
<a class="zoomeffect" href="IMAGE-URL" target="_blank"><img src="IMAGE-URL" /></a>
From Editors Desk
I
hope that you will like this image hover effect, Give us your Feedback
and Enjoy Blogging !Feel Free to Ask. Your Feedback is always highly
appreciated - See more at:
http://blogolect.blogspot.com/b/post-preview?token=_xfJSUMBAAA._QudqCLLg7WGzaDyI8xMBQ.Kx0AKv8MK84qcLnfGHzLMQ&postId=3783301090408238732&type=POST#sthash.PIEvAy4V.dpuf
I hope that you will like this image hover effect zoom effect, Give us your Feedback and Enjoy Blogging !Feel Free to Ask. Your Feedback is always highly appreciated.
i need a demo boss
ReplyDeletecomputer innovations
i need a demo boss
ReplyDeletecomputer innovations
This comment has been removed by the author.
ReplyDeleteHow to Add Zoom Effect To Blogger Images?
ReplyDeleteGratefully, Image Editing Services permit us to edit them and make them look better than ever. You can wrap every one of these procedures under an image editing service.Photo Retouching Service
ReplyDelete
ReplyDeleteThat was a great and comprehensive article…all the tips enumerated and explained will be helpful for those who are wise enough to tap from it. Any business nowadays without social media signals and presence may not make it to the outermost, and investment too is part of the key to success in business. Keep up the good work.
ReplyDeleteLovely ideas and I would like to thank you for the efforts you have made in writing this article and I am hoping the same best work from you in the future as well.
Thanks for sharing such a nice blog
ReplyDeletehow do i reset my canon printer
how to reset canon printer to factory settings
The Warm Mouse has numerous names, has numerous clear titles and is multi-practical. However, it is essentially as it is called - a PC mouse with a warming impact to keep a PC client's mouse hand warm. logitech mk270 keyword review
ReplyDeleteThe new report by Expert Market Research titled, ‘Global Ethyleneamines Market Size, Share, Price, Trends, Growth, Report and Forecast 2021-2026’, gives an in-depth analysis of the global ethyleneamines market, assessing the market based on its segments like types, applications, and major regions. The report tracks the latest trends in the industry and studies their impact on the overall market. It also assesses the market dynamics, covering the key demand and price indicators, along with analysing the market based on the SWOT and Porter’s Five Forces models.
ReplyDeleteRead More - https://www.expertmarketresearch.com/reports/ethyleneamines-market
The new report by Expert Market Research titled, ‘Global Advanced Driver Assistance Systems (ADAS) Market Report and Forecast 2021-2026’, gives an in-depth analysis of the global advanced driver assistance systems (ADAS) market, assessing the market based on its segments like offerings, sensor types, system types, levels of autonomy, distribution channels, vehicle types, and major regions. The report tracks the latest trends in the industry and studies their impact on the overall market. It also assesses the market dynamics, covering the key demand and price indicators, along with analyzing the market based on the SWOT and Porter’s Five Forces models.
ReplyDeleteRead More - https://www.expertmarketresearch.com/reports/advanced-driver-assistance-systems-adas-market
Hand Sanitiser Market: Hand sanitisers are antimicrobial agents that destroy or permanently inactivate at least 99.9% of bacteria when applied to the hands. The demand is predicted to be driven by a change in customer preference for convenient hygiene products. Furthermore, the COVID-19 pandemic, which began in early 2020, has boosted the demand for Hand Sanitiser Market.
ReplyDeleteIn order to book a plot for sale in Blue World City Islamabad, the following procedure is implemented:
ReplyDeleteMeet your Deal & Deals Asset Management consultant to get all the information regarding investment potential, location, and ROI yield details.
Once you are satisfied with the process, provide your Deal & Deals Asset Manager with the following
In case you are a local Pakistani citizen, then you will need to provide Two Passport size photos, a copy of your national ID Card, a copy of your Next of Kin ID Card, and a pay order/cheque in favor of Blue Group of Companies.
Blue world city Islamabad installment plan
park view lahore payment plan
Rudn Enclave payment plan
I am happy to find this post Very useful for me, as it contains lot of information. I Always prefer to read The Quality and glad I found this thing in you post. Thanks actual day videographer
ReplyDeleteI am delighted to have found this post, as it has proven incredibly useful for me. It contains a wealth of information that is both insightful and practical. I always prefer reading high-quality content, and I am pleased to see that this post delivers exactly that.
ReplyDeleteMere Bewafa Drama Review Cast