• CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

    CSS学习 5年前 2746 1
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

    class属性修改  类属性即class属性,规定类名.  用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.  注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.  具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp   用jQuery进行类名修改既可以用attr(...

  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

    判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...

    zblog模板学习 4年前 3534 3
  • 经典CSS聚合

    经典CSS聚合

    CSS3 线性渐变(linear-gradient)transition过渡效果(变形、变色、旋转、停顿时间)鼠标移上去,图片会自动原地放大CSS写法三角形对话框(带边框)- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形,自适应不同宽度水平翻转、垂直翻转 触发变色/随机颜色:手机浏览器...

    CSS学习 4年前 1858 0
  • css常用效果总结

    css常用效果总结

    css有不少常用的效果,你在平时浏览网站的时候可能会看到,但是真的要自己写的时候,有时候会突然忘记,今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功能。代码如下:html {    filter: grayscale(100%);//IE浏览器   -webkit...

    CSS学习 4年前 1927 0
  • css变形旋转写法

    css变形旋转写法

    rotate()旋转:旋转rotate(-30deg)函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。用法:transform:rotate(-30deg);效果:关于加上浏览器的前缀:transform:rotate(-30deg);-webkit-transform:rotate(...

    CSS学习 2个月前 130 0 旋转
  • css3怎样设置元素旋转角度,怎样设置旋转中心点

    css3怎样设置元素旋转角度,怎样设置旋转中心点

    css3可以设置元素旋转角度,从而得到不一样的形状以及视觉感受。今天小编我就来给各位宝宝分析一下在css3中怎样设置元素的旋转角度,以及怎样设置旋转元素的中心点。工具/原料电脑vscode方法/步骤1如图,小编我就用两个一样的div进行对比,这是基础的div代码。2如图,这是没有旋转的div,接着我们只给灰蓝色的div设置旋转,好明确知道旋转中心点是什么。3给灰蓝色div设置就是使用.t类名,然后用到了transform,接着就是rot...

    CSS学习 2个月前 166 0 旋转
  • Css3 Transform 各种变形旋转

    Css3 Transform 各种变形旋转

    css3中可以实现多种变形的旋转图形,用于各种特殊写法和布局!<h1>Css3 Transform</h1> <!-- Rotate--> <div class="card">   <div class="box rotate">   &nb...

    CSS学习 2个月前 138 0 变形旋转旋转
  • CSS3函数rotate()实现旋转技术

    CSS3函数rotate()实现旋转技术

    rotate()函数能够旋转元素,它主要是在二维空间内进行操作,通过一个角度参数值,来设定旋转的幅度。如果对元素本身或者元素设置了perspective值,那么rotate3d()函数可以实现一个3维空间内的旋转。关联属性:transform-origin。取值rotate(<angle>);<angle>为一个角度值,单位deg,可以为正数或者负数,正数是顺时针旋转,负数是逆时针旋转。rotateX(angel...

    CSS学习 2个月前 138 0 旋转
  • CSS 实现加载动画之一-菊花旋转

    CSS 实现加载动画之一-菊花旋转

    最近打算整理几个动画样式,最常见的就是我们用到的加载动画。加载动画的效果处理的好,会给页面带来画龙点睛的作用,而使用户愿意去等待。而页面中最常用的做法是把动画做成gif格式,当做背景图或是img标签来引用,这种方式最简单,也不会有兼容性的问题。不过本人有时爱折腾,看到一些动画的效果,不管是简单也好,复杂也好,也想尝试用代码来实现它,换一种思维方式,就算在项目中用到的可能性很小,自己多动手多写写总归不会有坏处。CSS3新增了很多强大的功能...

    CSS学习 2个月前 134 0 旋转
  • css3旋转的效果

    css3旋转的效果

    1、在Css3中用rotate()函数通过指定的角度参数使元素相对原点进行旋转来实现的画效果时,你会发现当它在旋转的过程中是不会有停顿的现象,会一直旋转到设置的度数时才会自动停下来。(代码如下:)2 、在Css3中使用关键帧@keyframes创建的动画也可以达到旋转的效果,当给它设置的旋转度数为360度时,它会旋转360度就停一下又继续旋转360度再停一下不断的实现这么一个循环的过程。(代码,以及输出的效果图如下:)...

    CSS学习 2个月前 139 0 旋转
  • css 旋转:rotate()

    css 旋转:rotate()

    在CSS3中,我们可以使用transform属性的rotate()方法来实现元素的旋转效果。语法:transform: rotate(angle);说明:参数angle表示元素相对于中心原点旋转的度数,单位为deg。如果度数为正,则表示顺时针旋转;如果度数为负,则表示逆时针旋转。举例:在线测试<!DOCTYPE html><html><head>   &nbs...

    CSS学习 2个月前 141 0 旋转
  • 案例:图片 - 指定时间、 旋转、变形

    案例:图片 - 指定时间、 旋转、变形

     上图这个让图片在指定时间内 旋转、变形的常用语各种网站的头像或者图标上,特别是zblogPHP模板里很多开发者喜欢用,所以今天来分享下:先看完整代码,然后再逐一说明:.commentlist img{width:40px;height:40px;position:relative;float:left;margin:4px 16px 0 0;padding:2px;borde...

  • CSS3 transition过渡效果(变形、变色、旋转、停顿时间)

    CSS3 transition过渡效果(变形、变色、旋转、停顿时间)

    三个案例,分别用transition实现了变色 变形 旋转以及停顿时间。直接分享代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>菜鸟教程(runoob.com)</title> <style>&n...

1