前端开发前天 17:29
分享一下之前做的渐变效果（由于最近正好处于温故而知新状态，所以整理以前的po上来的随笔会比较多。 通过js实现的。 传递给函数的内容主要有，需要改变的对象、改变的属性、目标值、以及是否有回调函数。 可以实现物体的不同样式的链式变化，和不同样式的同时变化。 废话不多说，贴上Js代码（附上注释）： <script> //获取obj样...
前端开发2025年08月28日
动画过渡效果 //vue <div class="search-list" v-show="searches.length"> <transition-group name="list" tag="ul"> <li @click="selectItem(item)" class="search-item" :key="item...
前端开发2025年08月27日
鼠标经过时，元素整体放大，代码如下： .tc&gt;div&gt;ul&gt;li { display: inline-block; vertical-align: top; width: 295px; height: auto; margin: 0 20px 18px 0; background: white; box-sizin...
前端开发2025年08月25日
</pre><pre name="code" class="html"><!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> &l...
前端开发2025年08月19日
实例预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <div class="main"> <ul class="tabs"> <li> <input type="radio" checke...
前端开发2025年08月17日
以前欲做一个渐变的背景，一般都是用图片。一次偶然发现用CSS Filter 可以实现相同的效果，而最重要的好处是它可以省去你去下载图片所使用时间。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=shift_jis"><...
前端开发2025年08月17日
移动端字体使用： font-family: Helvetica,sans-serif;我看这也是天猫使用的 透过背景看其他元素模糊，自身元素不模糊： -webkit-backdrop-filter:saturate(180%) blur(20px);background: rgba(0,0,0,0.5); backdrop-filter:blur(px);...
前端开发2025年08月07日
&lt;style type="text/css"&gt; &lt;!-- .clarity { filter: Alpha(Opacity=25, FinishOpacity=100, Style=3, StartX=0, StartY=1, FinishX=1024, FinishY=768); } --&a...
前端开发2025年07月06日
iphone6 外观：http://www.html5tricks.com/demo/css3-iphone6/index.html 天气图标：http://www.html5tricks.com/demo/pure-css3-weather-icon/index.html 3D太空船：http://www.html5tricks.com/demo/pur...
前端开发2025年06月24日
{-webkit-animation: scaleout 1.2s infinite ease-in-out; animation: scaleout 1.2s infinite ease-in-out;} @keyframes scaleout { 0% { transform: scale(1.0); -webkit-transform: scale(...