今天給大家帶來乙個css3製作的翻牌效果，就是滑鼠移到元素上，感覺可以看到元素背後的資訊。大家如果製作考驗記憶力的連連看、撲克類的遊戲神馬的，甚至給女朋友寫一些話語，放在使用該例項製作的相簿之後都可以嘗試下，哈~
效果圖：
例項用到的一些css3的新屬性：
a、-webkit-perspective: 800px;
perspective （透視，視角）：屬性定義 3d 元素距檢視的距離，以畫素計。該屬性允許您改變 3d 元素檢視 3d 元素的檢視。決定了你所看到的是2d transform 還是3d transform 。
b、-webkit-transform-style: preserve-3d;
transform-style 屬性規定如何在 3d 空間中呈現被巢狀的元素。預設flat（平的），我們3d效果，然後選擇3d。
c、-webkit-backface-visibility: hidden; 是否顯示該選擇元素旋轉到背面後的樣子。
d、-webkit-transform: rotatey(0); 元素繞y軸旋轉。
上面的屬性先給大家乙個感性的認識，看完例子再細細品味這些屬性，或者baidu，google神馬的。
例子：html:
還是相當簡單的：
ul為一組，每個li中有個a(因為我們希望點選可以跳轉),a中包含兩個div，乙個是正常顯示時的（即顯示），乙個是旋轉後顯示的（即介紹）。
css:
好了，上面的css中就可以發現文章前面說的那些css屬性了。
1、最主要的是理www.cppcns.com解rotatey ，繞y軸旋轉，rotatey字面上看繞y軸旋轉，肯定有人問y軸在哪：
預設旋轉元素的中心點就是旋轉中心（可以通過transform-origin修改），x，y軸都在圖上，z軸是從中心往外發的箭頭（就是螢幕射向你頭的箭頭）。
我們例子中，預設rotatey=0;滑鼠指向為rotatey=-180，負數，也就是逆時針繞y軸旋轉，正數，則為順時針；其他兩個軸同理；
我們例子的核心就是滑鼠指向時：（div:first-child），從0度繞y軸逆時針旋轉180度到達-180度；介紹（div:last-child）從180度繞y軸逆時針旋轉180度到達0度。造成兩個一起逆時針旋轉的效果。有人可能會問為啥介紹預設不是0度，這裡注意下，介紹逆時針旋轉180度之後是正面狀態，所以當倍遮蓋時，相當於從正常狀態順時針旋轉了180度，因為滑鼠指向時需要恢復正常狀態。
perspective，有個技巧，對於舞台（動畫的父元素）設定。
transform-style對3d變化當然是3d了，沒啥好說的。
3 百度貼吧爬蟲
被寫檔案坑了一晚上，因為自己寫了writefile 但是呼叫的是writefile 剛好python裡面有writefile 所以剛好不報錯！coding utf 8 created on 2018 7月12號 author sss 型別 get請求 from pip.vendor.distlib....
python3 練手 爬百度貼吧
貼吧 實現 usr bin env python encoding utf 8 import urllib import urllib.request import re import time 文字處理類 class tools removeimg re.compile removea re.co...
Python3 爬蟲 抓取百度貼吧
前言 天象獨行 import os,urllib.request,urllib.parse 測試要求 1 輸入吧名，首頁，結束頁進行爬蟲。2 建立乙個以吧名為名字的資料夾，裡面是每一頁的html的內容，檔名格式 吧名 page.html url ba name input home page int...