新的起步,新的方向
从16年3月步入社会到现在6月份,慢慢的找到了自己真正想做的,今天学习css3发现很多语法或者书写格式都改变了,同时也学到些新的标记,每天进步一小步,慢慢的积累下去,不断学习,不断努力中,不轻言放弃。
比如:
以前的写法:女;
现在的写法:女;
还学习到了很多新的标记。比如:
background:linear-gradient-渐变 比如:background:linear-gradient(45deg,red,yellow,blue);设置红黄蓝三种颜色从45度开始渐变。
2D转换:
比如可以用: transform:rotate(30deg);旋转30度
动画:动画是使元素从一种样式逐渐变化为另一种样式的效果。
animation:mx 5s linear infinite; (animation:动画名称,时间,渐变方式,播放方式)
//关键词 "from" 和 "to",等同于 0% 和 100%。
//0% 是动画的开始显示为橙色,100% 是动画的完成显示为红色。
第1种方式: @keyframes mx{
from{background:orange;}
to{background:red;}
}
第2种方式:当动画为 25% 及 50% 时改变背景色,然后当动画 100% 完成时再次改变:
@keyframes mx{ 0% {background: red;} 25% {background: yellow;} 50% {background: blue;} 100% {background: green;} }<br>等等。。。。。。。。。

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit
