設計師每日必逛書籤

CollectUI
http://collectui.com/

Dribble
https://dribbble.com/

Pinterest
https://www.pinterest.com/

Behance
https://www.behance.net/

Read More

數字累加動畫

 <script src="@Url.Content("~/Scripts/jquery.waypoints.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.countup.min.js")"></script>
 
    <script type="text/javascript">
        $('.counter').countUp();
    </script>


<span class="counter">274</span>

Read More

視差動畫css

   color: rgba(255, 255, 255, 0.75);
    background-attachment: fixed;
    background-image: linear-gradient(rgba(96, 96, 96, 0.25), rgba(0, 0, 0, 0.82)), url(../Img/last_letter_img.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    z-index: 1;
    padding: 50px 0px;

Read More