$circleDiameter: 30rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
$totalElements: 11;
$angleIncrement: 360deg / $totalElements; // Equal angle increment in degrees
$animationDuration: 12.5s;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
@media (max-width:767px){
$circleDiameter: 24rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
}
.section.section--proof .dot--large, .circle__icon {
animation: circle-motion $animationDuration linear infinite;
}
@keyframes circle-motion-small {
from {
transform: rotate(-90deg) translate(1.75em) rotate(90deg);
}
to {
transform: rotate(270deg) translate(1.75em) rotate(-270deg);
}
}
.circle__icon {
animation: circle-motion-small $animationDuration linear infinite paused;
}
.statement--wrapper{
.circle__icon{
animation-delay:var(--anim-delay);
}
}
@keyframes element-blur {
0%, 100% {
filter: blur(3px);
opacity:.2;
}
25% {
filter: blur(0px);
opacity:1;
}
50% {
filter: blur(3px);
opacity:.2;
}
}
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Apply the translation
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
@media (max-width:767px){
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Change values for mobile screens
$randomDistanceX: random($circleDiameter+2) + 2; // New value for X on mobile
$randomDistanceY: random($circleDiameter+1) + 25; // New value for Y on mobile
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
}
//counter
.section {
counter-reset: dotCounter;
}
.section .m--card-wrapper {
counter-increment: dotCounter;
}
.section .m--card-wrapper .dot--large::before {
content: counter(dotCounter);
display:block;
color:var(--color--main);
text-align:center;
}
Axelar network is already the largest cross-chain platform, serving Web3 with more connected blockchains.
Technology
Ecosystem
December 20, 2023
🔔 Axelar 2023 Year in Review 🔔
The year 2023 has been a remarkable year for the Axelar network, brimming with numerous network updates, new features, new integrations, live events, groundbreaking ideas and significant improvements
Ecosystem
Technology
November 8, 2023
Build Cross-Chain Smart Contracts Simply & Quickly With the Axelar Foundry GMP Example
This repository showcases an example of integrating with Axelar’s General Message Passing using the Foundry framework.
Technology
October 18, 2023
Intents: Executing Cross-Chain Transactions in 1 Second
Intents are live on Axelar network
Technology
September 29, 2023
Ethereum’s Coming Interoperability Problem
Interoperability has been a pillar, supporting Ethereum’s success as an ecosystem; How do we preserve these user experiences and developer superpowers as Ethereum scales across connected blockchains?
Technology
August 29, 2023
What Is General Message Passing and How Can It Change Web3?
General Message Passing (GMP) goes beyond cross-chain bridges, revolutionizing blockchain application development and ushering in the Web3 'super app.'
Technology
August 24, 2023
Concepts for a 'Web3' Future: Defining Cross-Chain, Multichain and Interchain
In this post, we'll refine the concepts of cross-chain and multichain – and add a third, interchain, defining a new view on blockchain interoperability, going beyond tribalism to establish Web3 as a universal development environment
Technology
August 15, 2023
An Introduction to the Axelar Network
Axelar is a blockchain that connects blockchains, offering robust cross-chain communication and establishing an "internet of blockchains" as a universal development platform
Technology
July 18, 2023
Axelar Launches Interchain Token Service
Sushi is among the first to deploy Interchain Tokens, powered by a new Axelar product suite for cross-chain fungibility and custom functionality
Technology
June 29, 2023
Every CEX Needs a DEX
Decentralization used to be a cherished principle, it’s now a competitive necessity
Technology
June 16, 2023
The Foundation of Cross-Chain Communication
In the last post, we discussed the existing blockchain interoperability landscape and looked at the core principles of network interconnectivity developed by Cerf and Kahn during the evolution of the Internet.
Technology
June 1, 2023
How Axelar Keeps you Safe During Emergencies
When connected chains fail, network architecture can mean the difference between staying safe & liquid — and losing funds in a cross-chain meltdown
Technology
May 31, 2023
These Growth Metrics are Replacing TVL in Cross-Chain
Total value locked' is fine for bridges; cross-chain-native interoperability requires other metrics
Technology
AXL Token
May 10, 2023
Why Blockchain Interoperability is just a Buzzword
Everyday, we browse websites and interact with different content from dozens of servers, networks, and geographic locations.
Technology
May 2, 2023
Axelar General Message Passing now Connects the Cosmos and all EVM Chains
Sommelier is a leading example: the Cosmos-based protocol for intelligent vaults announced today it is building connections to Arbitrum using Axelar GMP.
Technology
News
April 28, 2023
A ‘Super App’ May Be Web3’s Super Power
Elon Musk has a vision to turn Twitter into an all-in-one app, like WeChat. Turns out, permissionless and composable crypto platforms together form something better than the sum of its parts.
Technology
March 28, 2023
The 1-Time Deposit Address: Axelar's Cross-Chain Onramp, Explained
A one-time deposit address allows decentralized projects to mimic the way centralized exchanges are able to handle deposits from any chain, by creating a monitored address for receiving tokens.
Technology
February 27, 2023
Introducing the Axelar Virtual Machine: Supercharging Interchain Development
Build with Axelar Virtual Machine: Interchain Maestro - orchestration, like Kubernetes for Web3; and Interchain Amplifier – self-service new-chain connections.
News
Technology
February 8, 2023
The Multichain Is Now Timeless: Introducing Future-Proof Interoperability
Axelar network today provides bulletproof security for cross-chain communication, but more projects connecting means more specialized needs, including the ability to adopt new security approaches as they emerge.
Technology
February 6, 2023
Axelar Governance, Explained
A permissionless, dynamic validator set controls validation of cross-chain transactions on Axelar network, and also governs most network parameters.
Technology
February 2, 2023
How Overlay Networks Could Change Web3
This article first appeared in VentureBeat as a contributed article by Sergey Gorbunov and Galen
Now, bridges and other cross-chain dApps can make it simple for users to send native EVM assets cross-chain.
Technology
January 24, 2023
What Is Quadratic Voting and Why Don’t More Projects Use It?
Quadratic voting increases decentralization and makes networks secure in dPoS, DAOs and other setups, too.
Technology
January 17, 2023
For Cross-Chain Taxes, You Need a Cross-Chain Block Explorer
Each April, U.S. crypto investors lose hair and sleep, trying to untangle crypto transactions for the IRS. It’s complicated for anyone using DeFi protocols. For those who have moved assets cross-chain, taxes can be an order of magnitude more complex.
Technology
December 16, 2022
Bring the Program to the Asset
Cross-chain function calls on Axelar allow applications to interoperate without moving assets.
Technology
November 20, 2022
How Much Gas to Get Over the Bridge?
Satellite gas fees, explained: In this post, we explain cross-chain gas costs, where they are charged, how they are estimated — and how Axelar keeps cross-chain gas payment complexities in the background for users.
Technology
October 20, 2022
Composable USDC: Seamless UX in the Multi-chain World
Combining Axelar with the recently announced Cross-Chain Transfer Protocol (CCTP) by Circle, we plan to unlock seamless Web3 user experiences to make blockchain technology accessible to billions of users.
Technology
October 14, 2022
Blockchain Interoperability: How to Achieve it Securely
Interoperability between blockchains is vital for a truly cross-chain experience. But do we have the ideal infrastructure for a truly cross-chain experience?
Technology
September 8, 2022
Security on Axelar Network
Security is a multidimensional problem with binary outcomes. Defining the security of a system is an incredibly complex task, but with rigorous models, designs and engineering practices, we can build systems that stand up to the worst attacks.
Technology
September 6, 2022
Axelar Implements Quadratic Voting With 'Maeve' Upgrade
The security benefits of quadratic voting have been discussed by blockchain industry leaders including Ethereum co-founder Vitalik Buterin. However, few have implemented it.
News
Technology
August 3, 2022
How to Build a Cross-Chain DApp: Interop Architecture 101
This article offers some initial architecture design choices when composing applications cross-chain and explores the kinds of functionality that can be built using each.