1.新增濾鏡
給新增濾鏡，背景圖是加的，然後給mix-blend-mode: screen;就可以實現濾鏡；
給新增filter: hue-rotate(180deg);可以使變色
2.切換轉場動畫
.in@keyframes clipcirclein
100%
}使用的是
clip-path中的circle方法，語法是：
circle(半徑 at 圓心座標)原理很簡單：動畫圓心預設是
50% 50%也就是元素的中心，因此，這裡的css**也可以簡化成
0%開始時候圓的剪裁半徑是0，於是整個影象元素都不可見；動畫100%結束的時候，圓的剪裁半徑是200畫素，於是整個影象元素就可見了。clip-path屬性是支援cssanimation動畫的，因此可以看到乙個元素從0到有，圓形呈現的效果。
使用也很簡單，在需要呈現的元素上新增類名.in就可以了，不僅可以寫在元素上，任意的, 甚至整個頁面都可以。
根據形狀來實現文字排版；
.infos
css3盒模型新知識點 Fllexbox
在工作中遇到了新的css3布局方法，突然覺得什麼浮動和定位都弱爆了，乙個好的前端工程師應該是頁面中都沒什麼定位的，我只是菜鳥，有幸遇到乙個前端大牛的主管。分享下自己掌握的內容。flexbox是布局模組，不是乙個簡單的屬性，他包含父級元素和子元素的屬性。flexbox主要是可以讓你的布局根據瀏覽器的大...
使用CSS3改變文字選中的預設顏色 張鑫旭
以我的系統舉例 xp 預設主題 瀏覽器上頁面文字選中後預設的背景色是一種藍色，不同瀏覽器的顏色有些許差異，但大致相同，文字顏色也近乎白色，如下圖所示，截自firefox3.6瀏覽器 在css3的爸爸媽媽還沒有相親認識的時候，要改變頁面上文字選中後的背景色以及文字顏色，就跟讓太監生孩子一樣困難。但是，...
CSS 相對 絕對定位 張鑫旭部落格
我對position absolute屬 性化的認識 absolute是乙個善良的有個性的，我行我素 喜歡凌駕一切之上的魔鬼。這傢伙，不喜歡也算不上討厭，但是知道沒事最好少招惹，免有後患。先給大家講個故事吧。曾經有兩個魔鬼兄弟，乙個叫浮動，乙個叫絕對定位，它們總是一起在空中飛行戲耍的。但是，不幸的是...