Tulio Cunha tuliopc23

Apple Liquid Glass Effect

New Apple effect after WWDC conference. See how you can make this effect with CSS.

A Pen by Kevin Ramirez on CodePen.

License.

Apple Liquid Glass UI (2025)

Forked from https://codepen.io/wprod/details/raVpwJL

A Pen by Avaz Bokiev on CodePen.

License.

Apple-Style Glassmorphism Sidebar

This is an apple liquid glass ui design

A Pen by blahhh on CodePen.

License.

Animated Terminal Session

Animated terminal session with scriptable output.

A Pen by SimoAmi on CodePen.

License.

IMSAI WarGames Terminal

NOTE: This is Pen is almost ancient. :)

Attempt to ”simulate” the IMSAI terminal in the cult movie »WarGames« Made on a party, and could do better with some heavy optimizations to the CSS (works better in Chrome for the moment).

A Pen by Christopher Anderton on CodePen.

	<!-- developed © Maxuiux -->

	<main class="container">
	<div class="glass-card">
	<div class="glass-filter"></div>
	<div class="glass-overlay"></div>
	<div class="glass-specular"></div>
	<div class="glass-content">
	<span>Жидкое стекло</span>
	</div>

	<!-- Jquery -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

	<!-- Font -->
	<link href="https://fonts.googleapis.com/css?family=Inconsolata:700" rel="stylesheet">

	<!-- Wrapper -->
	<div class="wrapper">

	<!-- Title -->

	<pre><output>webpack: Compiled successfully.
	webpack: Compiling...
	Hash: 33d8c38093d5e8261eac
	Version: webpack 3.11.0
	Time: 1337ms
	Asset Size Chunks Chunk Names
	project.js 12.3 MB 0 [emitted] [big] project
	dashboard.js 6.36 MB 1 [emitted] [big] dashboard
	organize.js 5.29 MB 2 [emitted] [big] organize
	proPens.js 4.92 MB 3 [emitted] [big] proPens



	<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700\|VT323" rel="stylesheet">

	<script>document.documentElement.className = 'js';</script>
	</head>
	<body class="demo-11">

	<div id="connecting-dots" class="connecting-dots">
	<canvas id="canvas"></canvas>

	<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:200' rel='stylesheet' type='text/css'>
	<div class="container">
	<div class="window">
	<div class="handle">
	<div class="buttons">
	<button class="close">
	</button>
	<button class="minimize">
	</button>
	<button class="maximize">