Axure教程:鼠標(biāo)移入移出特效
本篇教程將為大家展示如何使用Axure制作按鈕觸發(fā)效果。
一、演示效果
二、制作過程
首先,我們看下本次教程用到的3個元件:
我們將3個元件水平垂直居中對齊,并且將層順序修改為:按鈕名稱->默認按鈕->動效。
下一步,我們將動效層,默認設(shè)置為隱藏:
下一步,我們對默認按鈕增加動作,雙擊“鼠標(biāo)移入時”,在彈出面板對“動效”層,進行“可見性”設(shè)置:
完成鼠標(biāo)移入的特效,我們下一步設(shè)置鼠標(biāo)移出的特效,同樣雙擊“鼠標(biāo)移出時”,在彈出面板對“動效”層,進行“可見性”設(shè)置:
完成只有F5進行刷新預(yù)覽。
下載地址
https://pan.baidu.com/s/1A6-sy2KewIx17xvqtwEGXw
Axure系列教程
Axure教程:跟隨鼠標(biāo)移動的導(dǎo)航菜單特效
Axure教程:使用動態(tài)面板實現(xiàn)iOS開關(guān)效果
本文由 @ZQZ原型師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
評論
新手上路,求指點:我想問問你的這個默認按鈕(矩形)是怎么設(shè)置的?看起來是透明的,但是我看樣式里面不透明設(shè)置的是100%。
那個應(yīng)該是設(shè)置的隱藏