Категории

AWWWARDS Remake: - Creating An Inverted Curved Border Layout With HTML and CSS Only

Опубликовано: 04 Ноябрь 2024
на канале: Conor Bailey
7,436
340

Hi guys,

Back with an AWWWARDS remake video where we be looking into the front end techniques used to develop the hero section of the following website:

https://www.cutthecode.com/

We will be utilising HTML, CSS and SVG Clip Path to create a unique curved layout.

I hope you enjoy.

Thanks.

Conor

play_arrow
9,782
440

[Azur Lane] KMS Little Prinz Eugen *Rub Touch Line*

[Azur Lane] KMS Little Prinz Eugen *Rub Touch Line*
play_arrow
208
1

00:00:00

Книгоноша:

Книгоноша: "Давид: противоречия человеческого сердца"
play_arrow
8,842
168

00:00:00

House placement P2 - City Builder Unity tutorial P15

House placement P2 - City Builder Unity tutorial P15
play_arrow
2,274
164

Before Integrated Strategies 5, Let Me BEAT THIS!! (first time)

Before Integrated Strategies 5, Let Me BEAT THIS!! (first time)
play_arrow
1,139
12

How to make a built in kitchen wine storage cabinet, with wine rack and fridge

How to make a built in kitchen wine storage cabinet, with wine rack and fridge
play_arrow
9,549
77

00:00:00

How to INSTALL MOODLE on a Mac Laptop - The EASY way (ish) PART 1

How to INSTALL MOODLE on a Mac Laptop - The EASY way (ish) PART 1
play_arrow
14,787
614

00:00:00

Naruto Shippuden 119-120 Reaction (I'm mad at Kakashi again)

Naruto Shippuden 119-120 Reaction (I'm mad at Kakashi again)
play_arrow
41,152
609

Покраска капота по технологии

Покраска капота по технологии "мокрый по мокрому".
Похожие видео
play_arrow
How to Create a Mask Image with Linear Gradient Effect using HTML, CSS, and JavaScript

How to Create a Mask Image with Linear Gradient Effect using HTML, CSS, and JavaScript
play_arrow
Vanilla JavaScript: Infinite Scroll Slider With Parallax Effect

Vanilla JavaScript: Infinite Scroll Slider With Parallax Effect
play_arrow
Vanilla JavaScript Snapping Slider

Vanilla JavaScript Snapping Slider
play_arrow
Introduction to PostgreSQL

Introduction to PostgreSQL
play_arrow
JavaScript Particles Animation on Mouse Move

JavaScript Particles Animation on Mouse Move
play_arrow
JavaScript: Futuristic Menu Hover Effect With Random Character Animation

JavaScript: Futuristic Menu Hover Effect With Random Character Animation
play_arrow
JavaScript: Custom Smooth Scroll With Image Reveal / Parallax Effect

JavaScript: Custom Smooth Scroll With Image Reveal / Parallax Effect
play_arrow
THREE JS: Preserving Texture Aspect Ratio With Shaders

THREE JS: Preserving Texture Aspect Ratio With Shaders
play_arrow
Snapping Image Slider with Scaling Effect Made with HTML, CSS and JavaScript

Snapping Image Slider with Scaling Effect Made with HTML, CSS and JavaScript
play_arrow
Mini Course Part 3: AWWWARDS Remade - Form Studio - Sticky Blog Posts with HTML, CSS and JavaScript

Mini Course Part 3: AWWWARDS Remade - Form Studio - Sticky Blog Posts with HTML, CSS and JavaScript
play_arrow
Mini Course Part 2: AWWWARDS Remade - Form Studio - Horizontal Scroll with HTML, CSS and JavaScript

Mini Course Part 2: AWWWARDS Remade - Form Studio - Horizontal Scroll with HTML, CSS and JavaScript
play_arrow
Mini Course Part 1: AWWWARDS Remade - Form Studio - Video Scale on Scroll With HTML, CSS and JS

Mini Course Part 1: AWWWARDS Remade - Form Studio - Video Scale on Scroll With HTML, CSS and JS
play_arrow
AWWWARDS Remake: - Creating An Inverted Curved Border Layout With HTML and CSS Only

AWWWARDS Remake: - Creating An Inverted Curved Border Layout With HTML and CSS Only
play_arrow
JavaScript: Implementing Horizontal and Vertical Scrolling on a Single Webpage

JavaScript: Implementing Horizontal and Vertical Scrolling on a Single Webpage
play_arrow
JavaScript: Smooth Scroll with Pixelated Hover Effects

JavaScript: Smooth Scroll with Pixelated Hover Effects
play_arrow
Simple JavasScript Accordion (FAQ Section)

Simple JavasScript Accordion (FAQ Section)
play_arrow
Vanilla javaScript: Text Reveal Effect On Scroll

Vanilla javaScript: Text Reveal Effect On Scroll
play_arrow
Vanilla JavaScript: Pixelated Image Reveal Effect on Scroll

Vanilla JavaScript: Pixelated Image Reveal Effect on Scroll
play_arrow
Vanilla JavaScript Particles Landing Page with Animated Splash Screen

Vanilla JavaScript Particles Landing Page with Animated Splash Screen
play_arrow
JavaScript Animated Project Grid With Smooth Transitions

JavaScript Animated Project Grid With Smooth Transitions
play_arrow
TypeScript: Animated Landing Page

TypeScript: Animated Landing Page
play_arrow
How To Create a 3D Panel Blur Effect on Scroll with JavaScript

How To Create a 3D Panel Blur Effect on Scroll with JavaScript
play_arrow
JavaScript Random Text Reveal Effect

JavaScript Random Text Reveal Effect
play_arrow
JavaScript Pixelated Menu Effect

JavaScript Pixelated Menu Effect