web Front End Case-Developing 3D Dragging Photo Wall

This code is 136 lines, written in css3 and javascript. Now the albums on the network are mostly tiled. If there are many photos, they look very tired. Of course, this is my personal point of view, so this time I made a 3D album dragging effect, which looks beautiful and not tired to watch. Knowledge points: CSS33D effect, CSS3 excessi ...

Posted by navarre on Thu, 16 Jul 2020 08:51:27 -0700

60 very useful CSS code snippets, recommended collection

Shortcut directory Vertical alignment Extend an element to window height Use different styles based on file format Create image grayscale across browsers Background gradient animation CSS: table column width self applicable Show box shadows on one or both sides only Package long text Make fuzzy text ...

Posted by marlonbtx on Sat, 27 Jun 2020 19:47:19 -0700

LayUI -- page element

Page elements layout Layout container Fixed width Place the grid in a specific container with class = "layeui container" so that the width is fixed in devices above the small screen and the columns are controllable. <div class="layui-container"> <div class="layui-row"> ...... </div> </div> Full width ...

Posted by ggkfc on Wed, 24 Jun 2020 00:38:37 -0700

05 CSS from principle to proficiency - 1

Introduction to CSS The function and development of CSS What is CSS? (1) CSS (Cascading Style Sheet) is called Cascading Style Sheet. (2) It is a kind of document that describes the expression of structural documents, mainly used for web page style design, including font size, color, and accurate ...

Posted by SquirrelJ on Tue, 23 Jun 2020 20:11:17 -0700

Vue advanced use - use Element UI component library and Sass preprocessing language

@[TOC](Vue advanced use (3) - use Element UI component library and Sass css preprocessing language) Using Element UI third party component library 1. cnpm installation element UI dependency cnpm install element-ui --save At package.json Element UI version information can be seen in the file "depend ...

Posted by bow-viper1 on Tue, 23 Jun 2020 02:27:06 -0700

From scratch, teach you how to use native JS+CSS3 to realize the game of fruit machine

Project experience address Free video tutorial Introduction to the game Lucky fruit machine is an arcade game. The game interface is made up of 24 squares, each of which has a different fruit figure and a small lamp. Players use the game currency to select the target they want to bet on. When they press the start button, the small lamp starts ...

Posted by thewooleymammoth on Sun, 21 Jun 2020 19:42:43 -0700

Laui Rookie Tutorial--Lebyte Front End

primary coverage Introduction to LayUI Laui (homophonic: class UI) is a front-end UI framework written with its own module specifications, which follows the native HTML/CSS/JS writing and organization form, with very low threshold and ready to use. (Developed by people and factory for 16 years, this framework provides a lot of nice and conve ...

Posted by e33basketball on Tue, 16 Jun 2020 12:30:57 -0700

Notes on getting started with CSS

Getting started with CSS 1, CSS introduction 1. What is CSS CSS: Cascading Style Sheet Is a set of style setting rules used to control the appearance style of the page 2. Why use CSS Separate content and style for team development Style reuse, convenient for later maintenance of website Precise ...

Posted by felipe_lopes on Mon, 15 Jun 2020 22:16:27 -0700

this/call/apply/bind (ten thousand words)

preface Hello, everyone. I'm zha'er ๐Ÿ‘ฆ Every day ๐Ÿ’ช , you can get a promotion and a raise ๐Ÿ’ฐ When general manager becomes CEO, marry Bai Fumei and go to the top of life ๐Ÿ—ป I'm a little excited ๐Ÿ˜Ž. This is my 13th issue A kind of , hope to be able to explain every knowledge point clearly, (of course, if you don't know which one, you can discuss it i ...

Posted by robotta1530 on Wed, 10 Jun 2020 23:31:30 -0700

The implementation of CSS3 adaptive display for beginners (including experimental examples)

Hello, everyone. I am determined to cut the long river. Today I learned about adaptive display. A small case is made to complete the adaptive display. Experimental effect Explanation of experimental realization There is a kind of thing called @ media in css3. You type it in and judge it according t ...

Posted by jauson on Mon, 08 Jun 2020 22:56:07 -0700