【css3和js】
對於css了解的同學都知道，css的實現是最底層的，在實現方式和效能上都不是，js這種提供介面的指令碼可比的；從css3的動畫和js動畫對比角度來看兩者，會更清晰；而且隨著前端框架的使用，頁面動畫會越來越多的應用css3
【css3的其他用法】
除了動畫的代替，還有就是對於各種互動的實現上，也體現了css的強大，更多的是使用css3提供的選擇器；
先來看個例子：可以更好的體現我這次對於css的深刻感悟
<style
>
body
/*list
*/.list__con
{}.list__con .box
.list__con .box:hover
.list__con .box:hover .delete
.list__con .input
.list__con .input:checked::after
.list__con label
.list__con .input:checked+label
.list__con .delete
.list__con .delete:hover::after
.list__con .delete:hover::before
.list__con .delete::after
.list__con .delete::before
style
>
<
div
class
="list__con"
>
<
div
class
="box"
>
<
div
class
="delete"
>
div>
<
input
class
="input"
type
="checkbox"
/>
<
label
>啥地方垃圾費
【說明】
上面包括了諸多的互動，hover的互動、checked的互動；
對於上面的實現方法相信，早已經有很多人實現了；這裡主要說說我對於這次的感悟和對於技術的憧憬，到現在工作也有近四年了，在這些年中，成長快慢自知，但相同的一點就是，很多知識都會用，也知道怎麼用；可這次才真正明白，什麼叫只知其意，不知其真意，為何！
上面的互動效果，在之前我都是用css和js結合的方式實現；期間也嘗試著全部使用css實現互動效果，不過卻在探索的時候故步自封導致到現在才真正的實現當初的想法；
使用css完全實現的好處，提高了可復用性和可維護性，對於實現相應元件提供了更好的實現方式，同時也提高了效能；
.list__con .input:checked+label如上面這種用法，我們可以使用css3增加的各種強大的選擇器，實現更多更好的互動效果；從此離開使用js改變dom的悲劇，更多的傾向於css【憧憬】相信為了的css將會更強大，互動方面的事情都由css來完成；js更多的是回歸本體，最近開始研究vuejs，從中體會到技術進步所帶來的各種美好；這次體會也是在做專案中的一些體會，不僅提高了對vue的使用，還提高了我對css3選擇器的看法，之前一直認為css3選擇器就是賣萌的，很多選擇的方法根本就用不上；現在才知道，我們對於技術，更應該要知其真意
用CSS3來實現社交分享按鈕
以前實現按鈕一般都是用來實現的，特別是一些擁有質感的按鈕，今天練習了一些相關方面的的例子，用css3來實現social media buttons html 如下 複製 如下 css 如下 複製 如下 outset colored outset colored ul outset colored l...
用CSS3來製作倒影（box reflect）
有一句話說的好 橫看成嶺側成峰，遠近高低各不同 有些時候，我們需要從不同的角度去欣賞mm，如下圖 在早期，要實現這種效果，我們只能乖乖的找設計去製作，然後在頁面上插入一張，但是隨著css3的出現，我們可以純 實現，如何實現呢？就是通過css3的box reflect屬性。相容性 接下來，我們來了解b...
用js實現css3效果的圓角方法
找在ie下實現css3效果的圓角時找到的乙個例項，沒有測試，不知道使用起來怎麼樣，有興趣的朋友可以自己試一下 複製 如下 wgxvrog 程式設計客棧1 dtd xhtml1 transitional.dtd 演示 lhgcalendar32423 程式設計客棧 32423 www.cppcns.c...