知道了CSS3三剑客之一的transform可以用来让原本规规矩矩的元素产生变形，平移，旋转一样的旋转，接下来使用第二个特性，transition属性，增加变化过程中的过渡效果。Transition允许CSS的 属性值 在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值，它的语法
......
404
0
0
2022-10-31
一、开启栅格布局（display:grid）–父容器栅格布局能将网页分成简单的行和列；Grid（网格）模块为display属性提供了一个新的值：grid。当你将任何元素的display属性设置为grid时，那么这个元素就是一个网格容器（grid container），他的所有直接子元素就成了网格项（grid items）；如下：.box容器下 .box>
......
557
0
0
2022-10-26
清除浮动，新手朋友往往不是很明白。如果不清除浮动对float进行闭合，在FF中往往会出错，网上是有很多文章讲过，我们先用一个非常简洁易用实例开始吧！给需要闭合的DIV（class为clearfix）加上如下的CSS样式即可：.clearfix:after{content:”.”;display:block;height:0;clear:both;visibi
......
409
0
0
2022-10-25
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。一 基本语法在了解进阶的应用之前，先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:before {}不过，在 CSS3 中为了区别伪元素和伪类为伪元素
......
479
0
0
2022-10-25
每天一点PS·点缀生活色彩▼WEB字体或者点击文章最后的阅读原文都可以下载的哦！Valentina – valentines day fontTelefonoAleksandraC VintageBroken Records by designer Timo KuilderBENNUDISENOEdelsansPasta SimplaFolkPolarisC
......
614
0
0
2022-10-22
原效果：实现效果：代码：<div> 打败苹果，十年巨亏，全球在线音乐第一股的转型之痛</div>
<style>
div{
width: 200px;
white-space: nowrap; /* 文本不换行 */
overflow: hidden;
......
471
0
0
2022-10-14
Chrome 浏览器有意改变<link rel="stylesheet">的加载方式，当其出现在<body>中时，这一变化将更加明显。笔者决定在本文中进行详细说明这种改变可能带来影响与好处。一.目前CSS文件的加载方式<head>
<link rel="stylesheet" href="/all-of-my-st
......
411
0
0
2022-09-27
一、兼容性一些CSS文章，或者CSS文档，兼容性什么的都是放在最后。又不是什么见不得人的事情，来，直接开篇就亮刺刀。兼容性还行， 除了IE不支持，其他浏览器基本上都绿油油，目前自娱自乐，内网项目什么的都是可以用用的。二、all是干嘛用的all属性实际上是所有CSS属性的缩写，表示，所有的CSS属性都怎样怎样，但是，不包括unicode-bidi和direct
......
419
0
0
2022-09-26
一个悬停效果简单来说可以定义为在颜色，产生的效果文字的大小或形状或任何其他形式的变化发生，当你把鼠标光标移动到图像。这可以通过CSS编码容易实现。这里我们介绍国外8个CSS库添加图像悬停效果，提高网站的交互性。1、Aero CSS3 Hover Effects（悬浮css效果）这是一个令人印象深刻的，重量轻，响应图像悬停效果。完全由纯CSS3的动力。2.Im
......
574
0
0
2022-09-26
随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架，有几个确实不错，一起来看看。1、Bootstrap – 最流行
......
723
0
0
2022-09-21
编者按：前两天发了一篇价值4000元的收费可商用Web 模版，今天来一波同样高质量的的App UI KIT，包括音乐/餐厅/运动等等类型的App，无论是下载来学习还是商用（对的可商用！）都不容错过。音乐App UI kitMusic App UI KitVentas App PSD UI KitPSD Wireframes Phones Reviews –
......
395
0
0
2022-09-19
CSS3中的常用选择器，看完之后你的思路会清晰很多第一：首先我们要知道选择器的作用选择器的作用就是规范页面的哪些元素能够使用定义好的样式。通俗点说就是控制不同的代码展现不同的样式第二：选择器的分类（钟震讲网络营销）1.通用选择器：作用是匹配页面中所有的元素语法：*例如：*{ font-size:12px;}注意：能不用尽量不用。2.元素选择器：作用就是定义
......
406
0
0
2022-09-15
#俺们都是设计师# 【2016--2017网站设计流行趋势】纯干货，转存不谢！（Photoshop大师独家编辑整理 ）据说点赞的人会瘦10斤软件 | Adobe套装 | PS软件 | AI软件 | CDR软件| 水印 | 滤镜 | 笔刷 | 渐变 | 动作 | 插件安装 | 磨皮 | 美白 | 古风 | 配色 | 自定义图形 | 云彩 | SAI软件 | S
......
416
0
0
2022-09-15
微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄（页底留言开放，欢迎来吐槽）● ● ●随着扁平化、简单内容事物的增多。单页网站的受欢迎程度呈直线上升。这种页面设计方法并不适用于每个项目，但有时它是合适的，是有意义的。例如，当没有很多内容，而且你知道的内容在未来不会增长很多，那么制作成单页网站（Single Page Websit
......
428
0
0
2022-09-15
先看看效果Blade for laravelyoupage/auth/layout.blade.php<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full font-sans antialiased">
......
384
0
0
2022-09-15