數位時代的寫作,是一種新形態的文本表達模式!
首頁
初學者技能教案專區
google Meet遠距上課技能
javascript互動文本寫作
融媒體Wix教學
網路新聞寫作:HTML&CSS
新聞影音剪輯:premiere
匯流寫作基模知識:gravit
基礎影音編輯:shotcut
基礎向量圖像編輯:inkscape
基礎圖像編輯:GIMP
排版設計scribus
匯流新聞專題寫作
影音新聞製作與剪輯(上課用)
新聞直播編導/OBS(上課用)
基礎新聞攝影(上課用)
數位排版/敘事(上課用)
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
品嚐《華嚴經》
Unsplash圖像集
Pexels 圖像集
我的給大學生書單
傳播理論/研究

2014年10月17日 星期五

超快速任意移動物件:position: relative




超快速
移動編輯物件到任 意的編輯地方




  使用 CSS  position: relative


基礎概念講解:click for video!!


教學影音:


注意事項:
各項參數所在位置



補充資訊:

★ 2013年6月的教學版本,較詳細但複雜一點。按此◥

★ 要旋轉圖的語法:請把class   rotate1017   加入即可。-3deg是角度。

<style>
.rotate1017 {
-webkit-transform: rotate(-3deg);
}
</style>

★ 滑鼠移到就變淡的語法:請把那張圖的id設好,此例為 id="a01"
<style>
#a01:hover {
opacity: 0.2;
}
</style>
補充資訊:教學影音:CSS hover


沒有留言:

張貼留言