鍍金池/ 問答/HTML5  PHP  HTML/ 一般逛網(wǎng)站遇到好看的css動畫怎么樣提取的

一般逛網(wǎng)站遇到好看的css動畫怎么樣提取的

偶爾狂一下網(wǎng)站會看到一些比較好看的CSS動畫,想收藏到自己的項(xiàng)目的,有什么很好辦法或者工具知道它是怎么樣實(shí)現(xiàn)的嗎?

圖片描述

圖中頭部CSS動畫鏈接

回答
編輯回答
心癌

一般這樣的網(wǎng)站直接F12或查看源代碼,拿html、css、個(gè)別的還有js就能實(shí)現(xiàn)這樣的動態(tài)效果。

2017年12月9日 15:11
編輯回答
糖豆豆

你說的這種css動畫,一般來說都是hover的時(shí)候觸發(fā),給他加上hover效果,然后下面多出來的css效果不就是嗎?一般來說寫代碼同樣功能的會放在一起。點(diǎn)擊右邊的css文件,基本上動畫就都能看到

clipboard.png

2018年3月21日 19:29
編輯回答
嫑吢丕

右鍵查看元素/源碼/后者扒站工具整個(gè)拿下來,本地去看源碼

2018年1月15日 07:22
編輯回答
心上人

復(fù)雜的不會,簡單的右鍵看源代碼copy一下= =

2018年6月11日 17:19
編輯回答
懷中人

好像沒有專門的工具,但可以用各個(gè)瀏覽器的開發(fā)工具(F12)選中帶動畫的元素,然后查看其css,或觸發(fā)動畫,觀察其類的增減(有的動畫是通過添加、移除類來直接觸發(fā)的)

2017年10月24日 14:36
編輯回答
解夏

有 chrome 插件可以做到 cssviewer:github 地址

2017年5月1日 08:17
編輯回答
撥弦

此問題實(shí)際上等同于“我如何不勞而獲地剽竊別人的勞動成果?!? 呵呵~~~

2017年7月16日 06:18