Jun 22, 2022
In Yoga Forum
This article will share with you how to use Axure to achieve the effect of moving the cursor to switch pictures. The author analyzes the preview image, bulk sms send the required original, and the operation steps one by one, and introduces the problems that need attention in the process. I hope Inspired by you. 01 Overview Today Xiaoyu found a very interesting picture interaction effect (as shown below) when searching for data on the Tencent Big Data website. It may be difficult at first sight, bulk sms send but in fact it is very simple to make. Yes, let Xiaoyu teach you how to create such an interactive effect. bulk sms send 02 Material preparation Axure PR 9.0 Two pictures (the little fish is lazy and use different colors instead, blue A, red B) 03 Production step 1. First, we prepare bulk sms send to put one of the two pictures (picture A) The bottom layer is used as the first picture seen when the webpage is loaded, and then we need to overlay picture B of the same size on top of picture A, bulk sms send because according to the interaction logic, picture B expands with the cursor little by little when the mouse moves. But how to make picture B follow the cursor to expand a little bit, bulk sms send we need to set picture B as a dynamic panel and name the screen. The role of the dynamic panel can actually be understood as adding a photo frame to a photo. No matter how big your photo is, the size of the photo frame determines the visible area of your photo, so at this time we need to pull the width of the screen to The smallest, which can only be set to 1 here, bulk sms send is placed on the far left of picture A.