Jun 22, 2022
In SMART HOMES
This article will share with you how to use Axure to achieve the effect of moving the cursor to switch pictures. bulk sms send The author analyzes the preview image, the required original, and the operation steps one by one, and analyzes the problems that need attention in the process. Introduction, I hope to inspire you. bulk sms send 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 to see it at first sight, bulk sms send but it is actually very simple to make. The following Xiaoyu will teach you how to create such an interactive effect. 02 Material preparation Axure PR 9.0 Two pictures (the little fish are lazy and use bulk sms send different colors instead, blue A, red B) 03 Production steps 1. First of all, we are going to put one of the two pictures (picture A) on the bottom layer as the first picture seen when the webpage is loaded, and then we need to overlap picture B of the same size on top of picture A, because according to the Interaction logic, bulk sms send when the mouse moves, picture B expands with the cursor little by little. 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 function 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, bulk sms send so at this time we need to pull the width of the screen to The smallest, which can only be set to 1 here, is placed on the far left of picture A.